vue-cli2 生成的项目打包优化(持续学习中)

1.昨天看到自己的项目每次打包后都是30M左右,就觉得这个打包后的dist文件太大了,能不能小点呢,

然后就看网上的资料,提供了好多优化的办法,但是我只用了一个,后期再不断的优化吧。

打开工程项目文件夹。找到config文件夹 ----> 打开index.js文件,

 1 module.exports ={
 2    dev:{
 3 
 4         .....
 5     }  ,
 6     
 7     build:{
 8        productionSourceMap : false,
 9        .....
10     }
11 
12 
13 }   

就修改这么一个属性,然后打包npm run build ,突然发现竟然就能比之前的文件小一半,直接从30M左右降到了14M左右。

这个属性是会生成好多的.map文件,就是方便代码出错的时候可以看到在哪里错的,发布到线上的时候也不用这个,所以果断的改了。

以后再持续的优化别的地方,不断努力中...

 

上一篇:vue-cli2环境搭建


下一篇:Vue.js(十四):VueCLI脚手架(CLI2&CLI3)