使用vuecli生成的vendorjs文件太大有办法减少体积吗
使用vue-cli生成的vendor.js文件太大,有办法减少体积吗 -
使用“js压缩”工具可缩小体积，可百度搜索“js压缩”查找工具把vendor.js代码ctrl + a全选，再ctrl + c复制，粘贴到js压缩工具里，点击“压缩”或“普通压缩”，然后再把压缩后的代码复制粘贴到vendor.js文件中。
在使用vue-cli脚手架打包后（UI用的Element-ui），发现vendor文件很大，将近1M左右。后来翻阅资料才明白，原来webpack把所有的库都打包到了一起，导致文件很大。我的解决办法：1、把不常改变的库放到index.html中，通过cdn引入，比如下面这样：然后找到build/webpack.base.conf.js文件，在module.export说完了。
使用“js压缩”工具可缩小体积，可百度搜索“js压缩”查找工具把vendor.js代码ctrl + a全选，再ctrl + c复制，粘贴到js压缩工具里，点击“压缩”或“普通压缩”，然后再把压缩后的代码复制粘贴到vendor.js文件中。
在使用vue-cli脚手架打包后（UI用的Element-ui），发现vendor文件很大，将近1M左右。后来翻阅资料才明白，原来webpack把所有的库都打包到了一起，导致文件很大。我的解决办法：1、把不常改变的库放到index.html中，通过cdn引入，比如下面这样：然后找到build/webpack.base.conf.js文件，在module.export说完了。
按需引用1.1几乎所有的第三方组件框架都会提供组件的按需引用方式，以iview为例，通过借助插件babel-plugin-import 可以实现按需加载组件，减少文件体积，只需要修改.babelrc 文件npm install babel-plugin-import --save-dev// .babelrc{ "plugins": [["import说完了。