构建期间webpack出错但不是dev：“来自UglifyJS的静态错误[...]。 意外的标记：punc（...）“

Question

在我的代码库中添加一个模块（在我的情况下是vue2-dropzone但显然这也出现在其他一些节点模块中）之后遇到了这个错误。 它发生在我运行npm run build ，但是使用webpack dev服务器（ npm run dev ）一切正常。

ERROR in static/js/vendor.5efd79c0d4a823d6add3.js from UglifyJs
Unexpected token: punc (() [./node_modules/vue2-dropzone/dist/vue2Dropzone.js:1,41920][static/js/vendor.5efd79c0d4a823d6add3.js:42174,41885]

找到了一个简单的问题解决方案，我将其作为下面的答案发布 - 但非常想听听是否有人知道为什么这可以解决问题。

Answer 1

问题是，由于我的工资等级以上的原因，必须使用babel-loader来加载这个特定的模块。 或类似的东西。 解决方案是修改webpack.base.conf.js文件，以在babel-loader规则中包含违规模块（上面的错误中出现的任何一个），如下所示：

{
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test'), resolve('node_modules/<NAME_OF_NODE_MODULE>')]
}

更新 （评论中的每个SLaks ）：当UglifyJS需要Babel的功能（例如语言扩展）以理解给定模块的代码时，就会发生这种情况。