terser-webpack-plugin替代uglifyjs-webpack-plugin

解决JS压缩错误

最新推荐文章于 2025-10-09 20:20:11 发布

原创最新推荐文章于 2025-10-09 20:20:11 发布 · 1.3w 阅读

5 ·

CC 4.0 BY-SA版权

webpack 专栏收录该内容

14 篇文章

订阅专栏

本文解决uglifyjs-webpack-plugin压缩JS时因不支持es6语法导致的错误，并介绍如何使用terser-webpack-plugin作为替代方案，实现更高效的JS代码压缩。

使用uglifyjs-webpack-plugin压缩js报错

Error in from UglifyJs Unexpected token: xxx

因为uglifyjs不支持es6语法，所以用terser-webpack-plugin替代uglifyjs-webpack-plugin

terser-webpack-plugin安装：yarn add terser-webpack-plugin -D

使用： webpack.config.js

const TerserJSPlugin = require('terser-webpack-plugin');
module.exports = {
  optimization: {
    minimizer: [new TerserJSPlugin({
        cache: true, // 是否缓存
        parallel: true, // 是否并行打包
        sourceMap: true
    })],
  },
  module: {
    ...
  }
};