uniapp，App端，NVUE, 在App.vue中全局导入了base.scss, scss 里面是一些常用的公共样式和字体，本身不大。
<style lang="scss">
@import '@/cui/scss/base.scss';
</style>但是发现，打包后每个样式都会打包到js中，所有文件中都有一样的样式代码，一两个页面还好，上百个页面，增加的就是好几十MB了，上传下载都要浪费不少时间。
另外，猜测每次编译打包都耗时很长，是不是因为每个页面都需要编译一次这个东西？
能不能把这部分代码分离出来变成公共js？这样向我这个项目，至少可以减少10MB的大小。
imengyu (作者)
真的是让我大开眼界，除了样式，甚至写在js里面的任何静态数据，只要引用到了， 例如：
我在test1.js 中写了数据： const json = { ...... }，这个js需要使用到这个数据。
而后在nvue页面中引用了test1.js，调用了test1.js中的一些方法，但是没有调用这个json数据，
发现：编译后居然会不管不顾把test1.js中的内容一股脑编译到所有的nvue js文件中？每个引用了这个test1.js的nvue页面js里面都有test1.js中的内容，相当于直接复制粘贴了。
那么请问，我分离出test1.js意义又何在呢？这样的结果就相当于我在每个页面里面都复制粘贴一份test1.js。
你们把它抽离分出一个单独的js有这么难吗？要用的时候再加载不可吗？为什么每个js文件都要单独打包一次？是你们的js引擎有问题还是咋的，不能加载多个js？
如下，三个页面里面有完全一模一样数据：
我的app有105个nvue页面，每个页面平均一下都增加了不必要的200kb大小，总共增加约20MB，白白增加了20MB!
imengyu (作者)
非常感谢优化。希望HBulider可以给出一个编译选项之类的，引用相同的js时可选择 是嵌入每个js 或者 独立单独js 。这样可以让用户自由选择要性能还是要省空间。
2022-02-28 17:15
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001
一抱一个胖猪猪
顶
2022-03-04 16:12
Kytrun
离谱，这是现代软件体系该干的事儿吗
2022-03-24 17:52