uni-app 配置微信小程序云函数开发环境

介绍

       (废话)微信云开发为开发者提供完整的原生云端支持和微信服务支持，弱化后端和运维概念，无需搭建服务器，使用平台提供的 API 进行核心业务开发，即可实现快速上线和迭代，同时这一能力，同开发者已经使用的云服务相互兼容，并不互斥。
       本文的适用范围为 开发到一半突然被要求使用云开发的项目，本文不提供微信云函数的教程

经典方法（摘自个大论坛）

本项目的结构

      本项目为hello uni-app 模板项目，cloudfunctions为手动创建的 存放云函数的文件夹，里面的函数为微信小程序开发者工具的云开发模板对应的初始函数

步骤

1.创建云函数存放的文件夹

2. 修改manifest.json

进入源码视图找到微信小程序的配置，配置存放云函数的文件夹
"cloudfunctionRoot" : "./cloudfunctions/"

3.新建 vue.config.js

在项目根目录新建 vue.config.js 并输入

// 官方文档 https://nodejs.org/api/path.html#path_path_join_paths
const path = require('path')
// 官方文档 https://www.webpackjs.com/plugins/copy-webpack-plugin/
const CopyWebpackPlugin = require('copy-webpack-plugin')
 
module.exports = {
  configureWebpack: {
    plugins: [
      new CopyWebpackPlugin([
        {
          // from 为要打包的文件
          // to 为输出（复制）到哪
          // cloudfunctions 为存放云函数对应文件夹
          from: path.join(__dirname, 'cloudfunctions'),
          to: path.join(__dirname, 'unpackage/dist', process.env.NODE_ENV === 'production' ? 'build' : 'dev', process.env.UNI_PLATFORM, 'cloudfunctions')
        }
      ])
    ]
  }
}

4.安装依赖（npm）

npm install --save path
npm install --save [email protected]
npm install --save [email protected]

其中 copy-webpack-plugin 的版本不能大于5.0.3，完成上述步骤就大公告成了。

关于使用大于5.0.3版本的copy-webpack-plugin的demo 就交给你们了

参考网址

1.https://segmentfault.com/a/1190000021054805