Webpack——使用uglify-js 压缩打包JS代码

一、webpack 插件机制介绍：

插件可以完成更多loader不能完成的功能。插件的使用一般是在webpack的配置信息 plugins选定中指定。Webpack本身内置了一些常用的插件，还可以通过npm安装第三方插件。

二、uglify-js介绍：

ugligy-js是一个用npm安装的JavaScript代码压工具，我们在grunt和gulp中经常使用。

用npm命令进行安装：

1	npm install uglify-js g

最常用的方法：

1	uglifyjs [input files] [options]

 

三、用Webpack中的uglify-js压缩Demo

这里我就不贴出index.html和main.js的代码了，我只贴出webpack.config.js的代码。如果你想完整的做出例子，可以按照视频步骤一步一步的操作。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

var webpack = require('webpack'); module.exports = {     entry: './main.js',     output: {         path: __dirname,         filename: 'bundle.js'     },     plugins: [         new webpack.optimize.UglifyJsPlugin({             compress: {                 warnings: false             }         })     ] };