vue 打包减小体积

首先vue webpack打完包生成的一个vendor.js
这个js就是项目中所用的依赖
但是假如是分模块打包的话
一些公共的依赖就被重复打包进去了
找到webpack.base.conf.js
路径是module.exports这个对象中加入
externals: {
'vue': 'Vue',
'vuex': 'Vuex',
'vue-router': 'VueRouter',
'axios': 'axios',
'qs': 'Qs',
'echarts': 'echarts',
'element-ui': 'ELEMENT',
},

将这些依赖写进去,再打包时不会 参与打包
然后在index中引入一次就可以了
依赖下载到本地static文件夹内

你可能感兴趣的:(vue 打包减小体积)