vue打包生成的文件的js文件过大的优化
1、组件按需加载现在大多的ui库都是以组件的形式进行处理,所以只需导入需要模块的即可2、去掉生成map文件打包时会生成map文件,而map文件一般都比较大,可以取消生成map文件(1)config/index.js找到productionSourceMap把true改为false3、cdn引入通过外部引入的方式引入这些UI组件库,从而减少打包文件过大的问题(1)inde...
·
1、组件按需加载
现在大多的ui库都是以组件的形式进行处理,所以只需导入需要模块的即可
2、去掉生成map文件
打包时会生成map文件,而map文件一般都比较大,可以取消生成map文件
(1)config/index.js找到productionSourceMap把true改为false
3、cdn引入
通过外部引入的方式引入这些UI组件库,从而减少打包文件过大的问题
(1)index.html
引入外部文件,并且加上<router-view>
(2)main.js
去掉在页面引入vue和vue-router
4、路由懒加载
5、代码压缩
config/index.js 找到 productionGzip 把 false 改为 true
注意:要先安装compression-webpack-plugin
npm install --save-dev compression-webpack-plugin
6、最后
优化前:
优化后:
更多推荐
已为社区贡献3条内容
所有评论(0)