ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2021-04-08 12:33:57  阅读:189  来源: 互联网

标签:文件 vue cli2 ..... 30M 优化 打包 build


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,.....,30M,优化,打包,build
来源: https://www.cnblogs.com/every-ordinary-day/p/14631580.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有