一、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 } }) ] }; |