uniapp 微信小程序记录

分包
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。
相关推荐
shykevin4 小时前
uni-app x开发商城系统,商品列表点击跳转至商品详情页
windows·uni-app
蜕变菜鸟4 小时前
PC网站和uniapp安卓APP、H5接入支付宝支付
uni-app
蒲公英源码5 小时前
基于PHP+Vue+小程序快递比价寄件系统
vue.js·小程序·php
小小王app小程序开发5 小时前
盲盒小程序一番赏创新玩法拓展:构建社交化集藏新生态
小程序
狼性书生6 小时前
uniapp实现的Tab 选项卡组件模板
前端·uni-app·vue·组件·插件
韩立学长7 小时前
【开题答辩实录分享】以《奇妙英语角小程序的设计与实现》为例进行答辩实录分享
小程序·php
糖糖2468 小时前
uniapp + uni-ui + vue3转cli
uni-app
多秋浮沉度华年8 小时前
uni-app开发app移动端使用ucharts自定义标签栏Tooltip
uni-app
wx_ywyy67988 小时前
小程序定制开发实战:需求拆解、UI 设计与个性化功能落地流程
小程序·小程序开发·小程序制作·小程序搭建·小程序设计·小程序定制开发·小程序开发搭建