Webpack常用插件之TerserWebpackPlugin

最新推荐文章于 2024-08-10 08:47:04 发布

Walker丶soso

最新推荐文章于 2024-08-10 08:47:04 发布

阅读量6.3k

点赞数

CC 4.0 BY-SA版权

文章标签： webpack javascript vue react

本文链接：https://blog.youkuaiyun.com/sjs1995/article/details/109532378

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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,    //将注释剥离到单独的文件中
	    })],
  	},
};