webpack实践之路(八):压缩JS

版权声明:本文为博主原创文章,未经博主允许不得转载。 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

猜你喜欢

转载自blog.csdn.net/b954960630/article/details/86486439