構建期間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的功能（例如語言擴展）以理解給定模塊的代碼時，就會發生這種情況。