在使用webpack打包的时候打出来的包太大了,使用webpack visualizer工具分析之后发现这个包里面包含了babel-loader、vue-loader等开发依赖包;下面的代码是webpack.prod.conf.js里面的配置:
vue: {
root: 'Vue',
commonjs: 'vue',
commonjs2: 'vue',
amd: 'vue'
},
'vue-router': {
root: 'vue-router',
commonjs: 'vue-router',
commonjs2: 'vue-router',
amd: 'vue-router'
},
'vue-i18n': {
root: 'vue-i18n',
commonjs: 'vue-i18n',
commonjs2: 'vue-i18n',
amd: 'vue-i18n'
},
iview: {
root: 'iview',
commonjs: 'iview',
commonjs2: 'iview',
amd: 'iview'
},
'babel-loader': {
root: 'babel-loader',
commonjs: 'babel-loader',
commonjs2: 'babel-loader',
amd: 'babel-loader'
}
在最后编译出来的包中iview、vue、vue-router、vue-i18n都没有了,但是还是babel-loader,有什么办法让babel-loader也去掉吗