步驟
1、veu.config.js 中推薦安裝copy-webpack-plugin 5.0.0 版本。uniapp 框架文檔有說(shuō)明 vue-config
打開終端運(yùn)行 npm 安裝版本
npm install copy-webpack-plugin@5.0.0
需要5.0版本,高版本Uniapp不支持
2、創(chuàng)建你自己云函數(shù)目錄文件。我設(shè)置的:
wxcloud/cloudfunctions
3、修改manifest.json
在uni-app根目錄下,修改manifest.json中的微信小程序項(xiàng),結(jié)構(gòu)如下
"mp-weixin" : { /* 小程序特有相關(guān) */
? ? ? ? ? ? ? ? ? ? ? ?"appid" : "appid",
? ? ? ? ? ? ? ? ? ? ? ? "cloudfunctionRoot": "wxcloud/cloudfunctions/", // 這一行就是標(biāo)記云函數(shù)目錄的字段,
3、vue-config-js 中配置 編譯copy文件到build目錄。注意 空目錄可能不會(huì)拷貝(后續(xù)你可用創(chuàng)建函數(shù)文件就會(huì)拷貝了)。
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'),?
? ? ? ? ? ? ? ? ? ? }, ]),
? ? ? ? ]
? ? }
}