浅谈vue-cli2.0的打包优化
人偶*纵师
人偶*纵师 2023-01-30 08:39:45
0
0
564

在修改 config/index.js 中的 build 里面的 assetsPublicPath 时,

发现了其下面的 productionSourceMap 和 productionGzip。

说句尴尬的话,之前还真没有注意到过这两个属性,现在既然发现了,那就探索下吧。

带着面向谷歌和百度的编程思想,我去撸了下文档,然后简单的总结下,方便自己填坑。

productionSourceMap   

是否开启打包时自动生成 .map 文件,建议修改为 false,这样打包后的大小能减少不少。

同时还有重要的一点,就是当为 true 的时候,你的源码是暴露出来的,

只要打开浏览器的控制台,在 Sources 里面就能直接看到你的源码。

所以一般推荐把这个属性设置为 false

productionGzip               

是否开启打包时的压缩,这个看自己情况而定,我是从发现这个属性后一直都是 true。

使用这个属性的时候,需要安装 compression-webpack-plugin 依赖

2.0.0版本后此模块最低需要 Node v6.9.0 和 Webpack v4.0.0 啊

所以如果是如果是 webpack3.x 版本,带着版本号安装

搞好两个属性之后,再次运行 npm run build 发现打包的大小竟然减少了50%左右,真实惊到了

人偶*纵师
人偶*纵师

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板