uniapp vue3 vite项目使用微信云开发（云函数）

原创已于 2025-07-21 15:01:54 修改 · 293 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app

于 2025-07-21 14:54:21 首次发布

1、在根目录新建文件夹 cloudfunctions

2、配置 manifest.json

在项目根目录的 manifest.json 文件中，找到微信小程序配置部分，添加 cloudfunctionRoot 字段，指向你的云函数目录：

{
  "mp-weixin": {
    "cloudfunctionRoot": "cloudfunctions/" // 配置云开发目录
  }
}

3、配置 Vite ，项目运行后将文件夹cloudfunctions打包到mp-weixin

（1）首先下载依赖包，fs-extra，用于文件操作：

npm install fs-extra --save-dev
//或者
yarn add fs-extra --save-dev

（2）在 `vite.config.js` 中添加自定义插件，将 `cloudfunctions` 复制到打包目录：

import { defineConfig } from 'vite';
import uni from '@dcloudio/vite-plugin-uni';
import fs from 'fs-extra';
import path from 'path';

function copyCloudFunctions() {
  return {
    enforce: 'post',
    async writeBundle() {
      const targetDir = path.join(
        __dirname,
        'dist',
        process.env.NODE_ENV === 'production' ? 'build' : 'dev',
        process.env.UNI_PLATFORM,
        'cloudfunctions'
      );
      await fs.copy(path.resolve(__dirname, 'cloudfunctions'), targetDir);
    },
  };
}

export default defineConfig({
  plugins: [uni(), copyCloudFunctions()],
});