Uniapp小程序分包

注:只拿uniap开发的小程序举例,mpvue略有差异

1.首先在pages文件目录下创建pagesA文件(这里拿order页面举例),正常的order文件在pages文件下

2.现在分包的话,就在pagesA文件下创建一个order文件,再把pages文件下的oeder页面剪切到pagesA的order文件下

3.开始配置分包:配置mainfest.json文件(开启分包的功能),找到源码视图

“mp-weixin”:{

“optimization”:{

"subPackages":true

}

}

4.pages.json文件配置:

"subPackages":[

{

"root":"pagesA"//子包的根目录,

"pages":[//这里的配置和pages里面一样,复制即可

{

"path":"order/order",//路径需要写成你子包根目录下面的目录即可

"style":{

//和pages文件中的一样即可,复制粘贴

},//如果还有需要添加的文件下面添加即可

{

"path":"//",

"style":{}

}

}

]

}

]

5.中间操作报错暂时不用处理,这里处理报错

把页面中需要跳转order页面的路径,重新修改一下,改成pagesA/order/order,即可,

6.npm run dev 重启即可完成

你可能感兴趣的:(uni-app,小程序)