Webpacck npm run build出现 Uglify SyntaxError: Unexpected token: punc ())

最新推荐文章于 2024-04-02 09:30:57 发布

埒胭

最新推荐文章于 2024-04-02 09:30:57 发布

阅读量1k

点赞数

分类专栏：问题解决汇总文章标签： webpack

本文链接：https://blog.csdn.net/weixin_38991151/article/details/98845505

版权

0 篇文章 0 订阅

订阅专栏

webpack打包时有可能遇到上面的问题，而且一直找原因也找不到，当时遇到这问题我也是找了一下午解决方案没找到，后来有人指路去stackoverflow才知道解决方法。
下面先放原文链接https://stackoverflow.com/questions/42375468/uglify-syntaxerror-unexpected-token-punc

英语好的可以直接看原文或者谷歌翻译。前两个回答的解决方案时可靠的，照着改就能解决问题。

下面我说一下怎么改

直接把package.json里的这两个引用版本改成我下面的，然后重新npm install

    "uglify-js": "github:mishoo/UglifyJS2#harmony",
    "uglifyjs-webpack-plugin": "^1.0.0-beta.2",

然后打开webpack.prod.config.js

引用这个插件

var UglifyJSPlugin = require('uglifyjs-webpack-plugin');

然后替代代码

-  new webpack.optimize.UglifyJsPlugin({ ... })
+  new UglifyJSPlugin({ ... })

例：

new UglifyJSPlugin({
            uglifyOptions:{
	            compress: {
	                warnings: false
	            }
       		 }
      }),

改完之后重新 npm run build，打包成功。

关注