javascript - 尝试使用 JS ES6 进行 gulp 时出现意外标记 {

Question

我是否使用了某些包的错误版本，或者您可以向我发布详细教程或 codepen 的链接，其中此语法构造不会给我错误吗？

我收到此错误:

$ gulp
D:\GIT\project02\gulpfile.js:20
const { COMPATIBILITY, PORT, UNCSS_OPTIONS, PATHS } = loadConfig();
      ^

SyntaxError: Unexpected token {
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:413:25)
    at Object.Module._extensions..js (module.js:452:10)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Module.require (module.js:365:17)
    at require (module.js:384:17)
    at execute (C:\Documents and Settings\Administrator\Application Data\npm\node_modules\gulp-cli\lib\versioned\^4.0.0-alpha.2\index.js:36:18)
    at Liftoff.handleArguments (C:\Documents and Settings\Administrator\Application Data\npm\node_modules\gulp-cli\index.js:172:63)
    at Liftoff.<anonymous> (C:\Documents and Settings\Administrator\Application Data\npm\node_modules\gulp-cli\node_modules\liftoff\index.js:198:16)

我已经读过this question ，但是 'use strict'; 在我的 gulpfile 中，并且将 const 更改为 let 对我来说不起作用。

我的全局安装的软件包:

$ npm -g ls --depth=0
C:\Documents and Settings\Administrator\Application Data\npm
├── babel-cli@6.14.0
├── babel-core@6.14.0
├── babel-preset-es2015@6.14.0
├── bower@1.7.9
├── gulp-babel@6.1.2
└── gulp-cli@1.2.2 (git://github.com/gulpjs/gulp-cli.git#9b053ed9b7a63a10777c33b86b04ed38d7f5b840)

我的 Node 是v4.0.0并且我在项目中使用的gulp:

$ gulp -v
[14:15:06] CLI version 1.2.2
[14:15:06] Local version 4.0.0-alpha.2

Answer 1

正如 Konstantin 已经说过的，并非所有 ES6 功能都可以在 Gulpfile 中使用，因为 Node 必须处理这些文件。但是有一个简单的方法可以通过使用 babel-require 钩子(Hook)来做到这一点。

创建一个像这样的 Gulpfile:

'use strict';

// Compile task to ES5 on the fly!
require('babel-register');

// Require all tasks!
require('require-dir')('./tasks', { recurse: true });

并将您的任务放入 tasks 目录中。然后创建一个 .babelrc 文件来加载预设，例如

{
    "presets": ["node5"]
}

当您使用 Node v5.x时。现在您可以使用 ES6 功能了! :)