阵营Serverside集团呈现意外的令牌，JSX和巴贝尔

Question

我无法找到使用巴贝尔，让我在服务器端使用JSX的正确方法。

节点JSX被废弃的通天塔。它似乎是babel-core/register是什么应该使用，但我仍然收到意想不到的令牌问题。

我创建了一个回购与遇到的问题IM。

https://github.com/pk1m/Stackoverflow-helpme

当我运行node app或npm run watch-js我不断收到意外的标记指JSX代码 '<'。

我怎么通天transpile JSX，还是我完全脱落，谢谢。

Answer 1

您需要使用babel/register（npm i babel --save）。并运行在您的服务器上：

require('babel/register')({ 
    stage: 0 
}); 

如果您不使用实验性babel功能，则可以省略阶段0。您也可以选择将这些选项放入.babelrc。

注意，它只会为以后打电话的是（所以它不会对你的文件包括它的效果）所需的文件。

你也可以有一个.babelrc文件中的预置和其他选项。

对于通天6X：

npm i babel-core babel-preset-es2015 babel-preset-react --save 

require('babel-core/register')({ 
    presets: ['es2015', 'react'] 
}); 

注：也有阶段0-2预设。

对于看着你写在你的package.json，你可以尝试像一个Facebook的CLI命令所提出的建议的说明here（或使用的WebPack）：

babel --presets react es2015 --watch app/ --out-dir build/