版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/b954960630/article/details/86486439
本文的目录代码继承自:webpack实践之路(二):快速上手的Demo
我们写的JS代码在上线之前,都是需要进行压缩的。在Webpack中是通过插件的方式实现JS代码的压缩,这里用uglifyjs-webpack-plugin(JS压缩插件,简称uglify)。
(1)安装
> sudo cnpm install uglifyjs-webpack-plugin
(2)引入插件
webpack.config.js
const path = require('path');
const uglify = require('uglifyjs-webpack-plugin');
module.exports={
entry:{
entry:'./src/entry.js'
},
output:{
filename:'bundle.js',
path:path.resolve(__dirname,'dist'),
},
module:{},
plugins:[
new uglify()
],
devServer:{},
mode: "production"
}
(3)npm run build
压缩前的bundle.js:
压缩后的bundle.js:
你会发现减少了0.01kib