做期货在哪个网站查资料,四川中成煤炭建设集团网站,沈阳网站制作 房小二网,wordpress投稿系列文章目录
uniapp-----封装接口
uniapp-----分包 目录 系列文章目录
uniapp-----封装接口
uniapp-----分包
前言
二、使用步骤
1.创建文件
编辑
2.min.js的修改
2.1 subPackages 代码如下#xff08;示例#xff09;#xff1a; 2.2 preloadRule 代码如下示例 2.2 preloadRule 代码如下示例 三、 注意点
总结 前言
还是同样的需求uniapp的主包要求大小不得大于2MB但是就算将能封装的都封装了还是会超过2MB本文将介绍第二个优化点分包开发 一、什么是分包开发
有很多小伙伴一听分包开发认为就是多建几个文件夹到时候引用就行了说对对但也不对慢慢看下去就知道原因了
首先是官网的介绍 可能说的不是特别清晰大概意思就是创建文件并在min.js中添加路径并添加下载事件
二、使用步骤
1.创建文件 文件目录如下示例 其中fineFood、scattered、start、static是分包pages是主包
2.min.js的修改
2.1 subPackages 代码如下示例 subPackages: [{//分包的所有的路径都在该方法中声明{root: static,//分包文件名称pages: [{//配置路径path: index/index,//路径style: {//导航栏样式navigationStyle: custom, // 隐藏系统导航栏navigationBarTextStyle: white}}]}], 2.2 preloadRule 代码如下示例
preloadRule: {//下载配置pages/index/index: {//进入到这个页面network: all,//不限制网络packages: [fineFood]//下载名字未fineFood的分包}}, 三、 注意点
当分包和主包的路径重复即分包有文件的路径主包还有就会产生报错大致意识为这个地方不应该出现这个东西这个时候只要把pages里的分包路径删除就可以了
原因
选中这个选项后会默认在主包添加一次路径
总结
分包对于中、大型项目开发来说是非常有必要的因为2MB根本做不了什么好看的项目所以分包开发这个技术一定要会可以不用但一定要知道怎么解决超出限制问题 喜欢的小伙伴可以点个关注后续还会继续发布关于uniapp优化的文章
