Webpack打包from UglifyJs Unexpected token: name (raf)问题解决办法

Webpack打包打包出现:

ERROR in main.b05fb3748db2b4de34df.js from UglifyJs
Unexpected token: name (raf) [main.b05fb3748db2b4de34df.js:44619,4]
Child html-webpack-plugin for "..\index.html":
     1 asset
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! iview-admin@ build: `webpack --progress --hide-modules --config build/webpack.prod.config.js`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the iview-admin@ build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\82506\AppData\Roaming\npm-cache\_logs\2019-06-06T12_30_59_948Z-debug.log

这是由于webpack使用了UglifyJs打包压缩JS,ES6不识别,但是很多node_modules或者自己业务代码中有很多ES6写法,网上很多方案是将node_modules中的JS也用babel转一次,这样感觉太消耗打包的精力了,浪费时间。

换一个方案:terser-webpack-plugin,这个来进行打包,具体配置查看:https://www.npmjs.com/package/terser-webpack-plugin

本条目发布于。属于科技分类。作者是

关于有个狸

2005年开始的一名站长,从事网站策划、运营,早期一批扎根阿里妈妈、Google Adsense的一员,目前司职前端与产品设计。

发表回复