vue 打包失败问题UglifyJs Unexpected token: name

注：适用于大多数 UglifyJs Unexpected token: name 的情况，犹如 element-ui、image-conversion、xlsx等插件。

问题背景：

最近在做一个 vue读取本机的excel文件的两种方式的需求，即本地浏览器将用户上传的excel文件解析出来并展示给用户查看，再选择要导入的数据，将其调用接口保存到数据库。

在打包时（jenkins构建）报了一个错误，如下：

ERROR in static/js/24.js from UglifyJs
Unexpected token: name (_fs) [./~/xlsx/xlsx.mjs:3163,0][static/js/24.js:3200,4][39m[22mBuild failed with errors.Build step 'Execute shell' marked build as failure
Finished: FAILURE

问题原因：

所使用的插件中，使用了ES6 的语法，UglifyJs只支持 ES5，无法对 ES6进行混淆压缩。

至于ES6语法，犹如：let、箭头函数等，请自行度娘。

问题解决：

修改打包文件webpack.base.conf.js设置：

找到 工程/build 目录下的webpack.conf.js 文件增加如下配置，用 babel 解析。

写法如下：

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

我的工程写法：

{test: /\.(js|mjs)$/,loader: 'babel-loader',include: [resolve('src'),resolve('test') ,resolve('/node_modules/element-ui/src'),resolve('/node_modules/element-ui/packages'),resolve('/node_modules/image-conversion'),resolve('/node_modules/xlsx'),]
}

说明：加mjs是因为/node_modules/xlsx用到了mjs，所以此类插件还需要追加 |mjs 。

最后：

vue读取本机的excel文件的两种方式

vue 打包失败问题UglifyJs Unexpected token: name相关推荐

webpack打包时出错：ERROR in index.js?c20a42392c6d1abf69df from UglifyJs Unexpected token: punc (()
vue项目中使用elementUI官方模版构建的项目,打包时出错: ERROR in index.js?c20a42392c6d1abf69df from UglifyJs Unexpected to ...
vue打包遇到的UglifyJs问题
今天准备打包最近手头正在做的一个vue项目到测试环境跑一下,顺便测试一下,可是不想打包的时候出现了 ERROR in static/js/vendor.6ee331eab7d8c9bf1876.js ...
vue-cli webpack 打包报错：Unexpected token: punc (()
本来项目完美打包,后来我增加了一个插件vue-ionicons,打包build就是报错: ERROR in static/js/8.017e5cf2d2f1a552890d.js from Uglif ...
已解决ERROR in static/js/vendor.4925c830bef16dced0c0.js from UglifyJs Unexpected token: name (i)
在项目打包时报错 ERROR in static/js/vendor.4925c830bef16dced0c0.js from UglifyJs Unexpected token: name (i) ...
ERROR in static/js/0.6355f688e1657030acc6.js from UglifyJs Unexpected token: punc (() [./~/time-form
ERROR in static/js/0.6355f688e1657030acc6.js from UglifyJs Unexpected token: punc (() [./~/time-form ...
ERROR in static/js/xxx.js from UglifyJs Unexpected token name «currentVersion»
ERROR in static/js/xxx.js from UglifyJs Unexpected token name «currentVersion», expected punc 遇到这种异常 ...
解决UglifyJs Unexpected token punc «{», expected pun 报错问题
今天打包别人的代码,突然遇到一个问题,npm run serve可以跑起来,但是npm run build却报错,报错如下: Unexpected token punc «{», expected p ...
UglifyJs Unexpected token: keyword (const)
vue 打包配置uglifyjs时出现的错误,google后在GItHub上找到了解决方法: 使用第一个版本可以解决这个问题: npm i uglifyjs-webpack-plugin@1 打包成功 ...
UglifyJs Unexpected token: punc (,)
vue打包报错: 查到几种可能原因,一一排除 @click 调用方法传参多了个逗号仔细检查了,确认没有写多逗号 uglifyjs-webpack-plugin代替webpack.optimize.U ...

vue 打包失败问题UglifyJs Unexpected token: name

问题背景：

问题原因：

问题解决：

最后：

vue 打包失败问题UglifyJs Unexpected token: name相关推荐

最新文章

热门文章