如何在 node/react 项目中安装 ES6

【问题标题】：How to install ES6 in node/react project如何在 node/react 项目中安装 ES6
【发布时间】：2016-08-17 22:14:06
【问题描述】：

我正在开发我的第一个 node.js 应用程序，并希望将 react 与 ES6 一起使用。

我用 npm install -g es6 安装了 ES6

我还安装了 React 包。

在我的 babel.js 文件中，我尝试使用

从'gulp'导入gulp；

JShint 声明“import”仅在 ES6 中可用。

当我运行 gulp 时，我收到如下消息：

在严格模式之外尚不支持块范围的声明（let、const、函数、类）

我假设 ES6 包无法识别。

我该如何解决这个问题？

【问题讨论】：

你应该提供你的代码，你如何执行它，尤其是你如何使用 bable。

标签： node.js reactjs ecmascript-6

【解决方案1】：

在 node 中包含 ES6 支持的最佳方法之一（在我看来）是创建一个新文件，例如 es6.js 并使用它来导入 babel 和您的 server.js。

这样的，

es6.js

require("babel-register");
require('./server.js');

如果你想使用一些额外的东西，比如 ES7 特性，你可以创建一个 .babelrc 并像这样加载它。

.babelrc

{
  "presets": ["es2015", "stage-0", "react"]
}

es6.js

var fs = require('fs');

var babelrc = fs.readFileSync('./.babelrc');
var config;

try {
    config = JSON.parse(babelrc);
} catch (err) {
    console.error('==>     ERROR: Error parsing your .babelrc.');
    console.error(err);
}

require('babel-register')(config);
require('./server.js');

【讨论】：