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。
相关推荐
光影少年1 小时前
Taro 是如何解析入口配置 app.config.ts 和页面配置的?
微信小程序·小程序·typescript·reactjs·百度小程序·taro
用户788477316343 小时前
门店核销闭环:小程序扫码 + .NET 幂等接口 + WPF 看板,一天能跑通
微信小程序·c#
DS小龙哥6 小时前
从呼吸心率到离床报警:60G雷达睡眠仪全栈开发实录(硬件+MQTT+小程序)DIY一台全功能睡眠监护仪
stm32·单片机·嵌入式硬件·物联网·小程序·智能家居
扶风ff9 小时前
练题簿在线免费刷题:刷题、背题、错题复习,一个小程序安排日常备考
学习·小程序
扶风ff9 小时前
练题簿在线免费刷题:共享题库、学习任务、在线考试,岗位培训更方便
学习·小程序
愚公搬代码10 小时前
【愚公系列】《微信小程序项目实战(AI编程+视频图解)》014-莫凡商城小程序项目视图容器组件的应用
微信小程序·小程序·ai编程
郑州光合科技余经理1 天前
海外版外卖加盟:总站与分站配送规则怎么分开管
java·开发语言·前端·后端·uni-app·php·ai编程
星光开发者1 天前
基于决策树随机森林算法的小说推荐系统的设计与实现-计算机毕设【课程设计】78485
vue.js·算法·微信小程序·django·php·课程设计·express
程xu袁1 天前
只有一段副歌,AI写歌选小程序、Suno还是海绵音乐?
小程序·suno·ai音乐·ai音乐工具·ai生成音乐·ai写歌工具
专业程序开发源1 天前
springboot生命故事书制作小程序65290-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·mysql·小程序·课程设计