vue 打包优化

来源:互联网 发布:淘宝精仿鞋店推荐 编辑:程序博客网 时间:2024/06/05 11:13

1. 去除控制台调试时的打印信息

修改build/webpack.prod.conf.js

在 plugins 中的 UglifyJsPlugin 的 compress 加入这两行:

drop_debugger: true,
drop_console: true

代码如下new webpack.optimize.UglifyJsPlugin({  compress:{    warnings: false,    drop_debugger: true,    drop_console: true  }})

2. 减少打包后文件体积

引入用国内的 bootcdn 对应的库链接

然后在 build/webpack.prod.conf.js 中 webpackConfig 中加入:

externals: {
‘vue’: ‘Vue’,
‘vue-router’: ‘VueRouter’,
‘axios’: ‘axios’
},

原创粉丝点击