uniapp 微信小程序记录

Best2025-11-09 20:23

分包

javascript 复制代码

    /* 在manifest.json文件 添加开启分包 */
    "mp-weixin" : {
		"optimization":{
					"subPackages":true
				}
    },
      /* 在pages.json文件pages同级 添加 subPackages*/


	"subPackages": [{
		"root": "pagesA",  //你创建的文件夹名
		"pages": [{
				"path": "bdx/bdx",
				"style": {
					"navigationBarTitleText": "",
					"navigationBarBackgroundColor": "#ee7752",
					"navigationBarTextStyle": "white"
				}
			}
		]
	}]

使用微信小程序的云开发

javascript 复制代码

/* 在manifest.json文件 添加开启分包 */
"mp-weixin":{
  // ...
   "cloudfunctionRoot": "cloudfunctions/", // 配置云开发目录
  // ...
}



/*配置目录之后，vue2 项目 需要在项目根目录新建 vue.config.js 配置对应的文件编译规则*/
{
 plugins: [
     new CopyWebpackPlugin([
       {
         from: path.join(__dirname, '../cloudfunctions'),
         to: path.join(__dirname, 'unpackage', 'dist', process.env.NODE_ENV === 'production' ? 'build' : 'dev', process.env.UNI_PLATFORM, 'cloudfunctions'),
       },
     ]),
   ],
}



/*vue3 项目 需要在项目根目录新建 vite.config.js 配置对应的文件编译规则*/
import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
import fs from "fs-extra"; // fs-extra 为第三方依赖，需要安装
import path from "path";

export default defineConfig({
    plugins: [
        uni(),
        {
            name: "copy-cloudfunctions",
            buildStart() {
                fs.copySync(
                    path.join(process.env.UNI_INPUT_DIR, "cloudfunctions"),
                    path.join(
                        process.env.UNI_OUTPUT_DIR,
                        "cloudfunctions"
                    )
                );
            },
        },
    ],
});

在项目根目录创建cloudfunctions文件夹，下面添加云函数名字文件夹，
比如说是add，你文件夹名字就写add，
add里面配置config.json、index.js、package.json。