Webpack常用插件之TerserWebpackPlugin

最新推荐文章于 2026-06-22 11:18:07 发布

原创最新推荐文章于 2026-06-22 11:18:07 发布 · 6.5k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#webpack #javascript #vue #react

收录于

本文介绍如何使用TerserWebpackPlugin插件配合webpack进行JavaScript代码压缩优化，通过配置实现文件筛选、并行处理及注释剥离。

TerserWebpackPlugin

该插件使用 terser 来压缩 JavaScript。

webpack.config.js

const TerserPlugin = require('terser-webpack-plugin');
module.exports = {
  	optimization: {
	    minimize: true,
	    minimizer: [new TerserPlugin({
	    	test: /\.js(\?.*)?$/i,    //匹配参与压缩的文件
	    	parallel: true,    //使用多进程并发运行
	    	terserOptions: {    //Terser 压缩配置
	    		output:{comments: false}
	    	},
	    	extractComments: true,    //将注释剥离到单独的文件中
	    })],
  	},
};