步骤
1、veu.config.js 中推荐安装copy-webpack-plugin 5.0.0 版本。uniapp 框架文档有说明 vue-config
打开终端运行 npm 安装版本
npm install copy-webpack-plugin@5.0.0
需要5.0版本,高版本Uniapp不支持
2、创建你自己云函数目录文件。我设置的:
wxcloud/cloudfunctions
3、修改manifest.json
在uni-app根目录下,修改manifest.json中的微信小程序项,结构如下
"mp-weixin" : { /* 小程序特有相关 */
"appid" : "appid",
"cloudfunctionRoot": "wxcloud/cloudfunctions/", // 这一行就是标记云函数目录的字段,
3、vue-config-js 中配置 编译copy文件到build目录。注意 空目录可能不会拷贝(后续你可用创建函数文件就会拷贝了)。
const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')
module.exports = {
configureWebpack: {
plugins: [
new CopyWebpackPlugin([{
from: path.join(__dirname, 'wxcloud/cloudfunctions'),
to: path.join(__dirname, 'unpackage', 'dist', process.env.NODE_ENV === 'production' ? 'build' : 'dev', process.env
.UNI_PLATFORM, 'wxcloud/cloudfunctions'),
}, ]),
]
}
}