webpack实践之路（八）：压缩JS

本文的目录代码继承自：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