意外的令牌：名称（DocumentAttributes）与 webpack 和 UglifyJs

【问题标题】：Unexpected token: name (DocumentAttributes) with webpack and UglifyJs意外的令牌：名称（DocumentAttributes）与 webpack 和 UglifyJs
【发布时间】：2020-08-19 17:54:24
【问题描述】：

我正在使用 docx 5.0.2 版本来生成带有角度类型脚本代码图像的 word 文档。使用 webpack.optimize.UglifyJsPlugin。构建代码时出现此错误。 Unexpected token: name (DocumentAttributes) 带有 webpack 和 UglifyJs。我假设 Uglify 无法最小化或美化与 docx 库相关的代码。使用 docx 包的人的任何建议。

在将 docx 包添加到 package.json 之前构建可以正常工作

【问题讨论】：

标签： angular npm webpack ecmascript-6 uglifyjs

【解决方案1】：

这里的问题是 Uglify 无法处理 ES6。我改用 uglifyjs-webpack-plugin 解决了这个问题。

run npm install uglifyjs-webpack-plugin@1 --dev --save 我使用的是版本 1，因为我使用的是旧版本的 webpack。

然后const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

  test: /\.js($|\?)/i,
  sourceMap: true,
  uglifyOptions: {
    mangle: {
      keep_fnames: true,
    },
    compress: {
      warnings: false,
    },
    output: {
      beautify: false,
    },
  },
}));

【讨论】：