如何使用Browserify和coffeeify转换将CoffeeScript转换为JavaScript（最近2个版本，即> = 11）？

Question

CoffeeScript 2输出最新的现代语法，该语法与旧版浏览器和gulp-uglify不兼容。

GulpUglifyError: unable to minify JavaScript
Caused by: SyntaxError: Unexpected token: operator «=», expected: punc «,»

Answer 1

很难弄清楚这一点，因此在这里放一些代码，以防其他人可以帮忙。

Gulp 4和CoffeeScript 2引入了重大更改，因此更新依赖项可能很乏味。

一项重大更改是，CoffeeScript现在可以输出较旧的浏览器不支持的现代语法（它也会破坏gulp-uglify）。为了支持这些浏览器（并继续使用gulp-uglify），需要transpilation。

安装软件包

  var name = "test";

  // these are all equal:
  this.setState({ [name]: 1 })
  this.setState({ ["test"]: 1 })
  this.setState({ test: 1 })

编辑npm install @babel/core @babel/preset-env browserify coffeeify coffeescript glob gulp gulp-sourcemaps gulp-uglify gulp-util merge-stream vinyl-buffer vinyl-source-stream --save-dev

gulpfile.js