Webpack UglifyJsPlugin 抛出包含 let 的 Node_modules 错误

Question

这是相关代码（我用的是Vue.js的Webpack官方模板）：

.babelrc:

"presets": [
  "babel-preset-es2015",
  "babel-preset-stage-2",
]

webpack.prod.config.js

new webpack.optimize.UglifyJsPlugin({
  compress: {
    warnings: false,
    drop_console: shouldDropConsole
  },
  sourceMap: true
}),

这是我在npm run build 时遇到的错误：

来自 UglifyJs 的 static/js/vendor.a6271913414e87e123c2.js 中的错误 意外令牌：名称（_months） [./node_modules/calendar-js/index.js:56,0][static/js/vendor.a6271913414e87e123c2.js:90602,6]

这是违规行：

let _months = MONTHS;

（如果我将所有 let 替换为 vars，则项目构建没有问题。const 似乎不会打扰 Webpack/UglifyJS。）

我是否需要配置一些东西以便 Webpack/UglifyJS 构建包含 let 的节点模块？ （我实际项目中的let 不会给我带来问题。）

Answer 1

这可能是因为您可能使用的是不支持 es6 语法的旧版 node。

let、const、箭头函数等是 es6 语法的一部分。要了解更多信息，请点击此链接http://es6-features.org/

您的其他项目可能需要旧版本的node，因此请安装 nvm。 NVM 是一个节点版本管理器，可以帮助您轻松地在节点版本之间切换。按照链接查看文档和安装过程https://github.com/creationix/nvm

Node v6+ 支持 ES6 语法尝试升级到那个。

更新

在此答案的 cmets 上，已确认这不是版本问题，并通过关注此 GitHub 问题线程 https://github.com/joeeames/WebpackFundamentalsCourse/issues/3 得到解决。

和平！