UglifyJS Webpack Plugin 插件
目的:该插件用来缩小(压缩优化)js文件要求:此模块至少需要Node v6.9.0和Webpack v4.0.0。入门:需要安装该插件$ npm安装uglifyjs-webpack-plugin --save-dev将插件添加到您的webpack配置中。webpack.config.js或者vue.config.js中的基本配置:const UglifyJsPlugin = requ...
·
目的:该插件用来缩小(压缩优化)js文件
要求:此模块至少需要Node v6.9.0和Webpack v4.0.0。
入门:需要安装该插件
$ npm安装uglifyjs-webpack-plugin --save-dev
将插件添加到您的webpack配置中。
webpack.config.js或者vue.config.js中的基本配置:
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
optimization: {
minimizer: [new UglifyJsPlugin()],
},
};
其他配置选项:
module.exports = {
optimization: {
minimizer: [
new UglifyJsPlugin({
test: /\.js(\?.*)?$/i, //测试匹配文件
include: /\/includes/, //包含的文件
exclude: /\/excludes/, //排除的文件
//允许过滤哪些块应该被uglified(默认情况下,所有块都是uglified)。
//返回true以uglify块,否则返回false。
chunkFilter: (chunk) => {
// Exclude uglification for the `vendor` chunk
if (chunk.name === 'vendor') {
return false;
}
return true;
},
cache: true, //启用/禁用文件缓存(类型可布尔也可是字符串)
parallel: true, //行化可以显着加快构建速度,因此强烈建议使用
sourceMap: true, //使用源映射将错误消息位置映射到模块(这会减慢编译速度,cheap-source-map选项不适用于此插件)
new UglifyJsPlugin({
uglifyOptions: {
warnings: false,
parse: {},
compress: {},
mangle: true, // 注意,默认情况下,“ mangle.properties”为“ false”。
output: null,
toplevel: false,
nameCache: null,
ie8: false,
keep_fnames: false,
},
}),
}),
],
},
};
更多推荐
已为社区贡献2条内容
所有评论(0)