https://github.com/facebook/create-react-app/issues/3734
https://stackoverflow.com/questions/45671597/failed-to-minify-the-code-from-this-file

出现 minifyJS Error, UglifyJS Error的工程化配置有

  1. create-react-app 2x
  2. dva2x
  3. umi2x

原因:
引用的第三方库,代码没有转化成 es5,有的是 es6的 esm.js代码,
webpack代码压缩时,Uglify不能压缩 es6的代码

create-react-app

  1. 如果是 create-react-app,就升级到最新版本的,2x压缩代码会报错
  2. 项目使用了原生的 esm,cli脚手架编译原生 es6代码失败
  3. https://github.com/facebook/create-react-app/pull/3776

报错的原因

  1. dva会有这个问题
  2. create-react-app 2x有这个问题
  3. 原因:
    1. es6模块编译失败
    2. 代码压缩失败 Uglify not handling ES6 code which will be fixed separately.

image.png

Unexpected token: operator (>)

Failed to minify the bundle. Error: 0.async.js from UglifyJs
Unexpected token: operator (>) [0.async.js:120721,21]

es5ImcompatibleVersions

es5-imcompatible-versions https://github.com/umijs/es5-imcompatible-versions

  • 如果没有构建成功,说明依赖的 npm包里面,有个包没有添加到 es5ImcompatibleVersions
  • 需要给仓库提交个 PR,仓库合并后,
  • 本地删除 node_modules重新安装构建
    1. npm-latest es5-imcompatible-versions
    https://github.com/sorrycc/blog/issues/68

提交 PR

视频 https://www.bilibili.com/video/av37573841/
提交数据格式 https://github.com/umijs/es5-imcompatible-versions/blob/master/package.json
提交数据格式

  1. "debug": {
  2. "^4.1.0": {
  3. "version": "^4.1.0",
  4. "reason": "https://github.com/visionmedia/debug/blob/master/src/browser.js#L155"
  5. }
  6. },

image.png
image.png
image.png