我无法找到使用babel的正确方法以允许我在服务器端使用jsx。
不建议使用Node-jsx的babel。似乎babel-core/register
应该使用什么,但是我仍然遇到意外的令牌问题。
我创建了一个有问题的仓库。
https://github.com/pk1m/Stackoverflow-helpme
当我运行时,node app
或者npm run watch-js
不断收到意指JSX代码“ <”的意外令牌。
我如何让Babel移植JSX,还是我完全离开了,谢谢。
您需要使用babel-register
(npm i babel-register --save
)。并在您的服务器上运行:
require('babel-register')({
stage: 0
});
如果您不使用实验性Babel功能,则可以省略阶段0。另外,您可能更喜欢放那些选项.babelrc
。
请注意,它仅适用于调用该文件后所需的文件(因此,它不会影响其中包含的文件)。
您还可以在.babelrc
文件中包含预设和其他选项。
对于babel 6x:
npm i babel-register babel-preset-es2015 babel-preset-react --save
require('babel-register')({
presets: ['es2015', 'react']
});
注意:还有阶段0-2预设。
为了观看您在package.json中编写的内容,您可以尝试使用CLI命令,例如此处注释中建议的一个facebook (或使用webpack):
babel --presets react es2015 --watch app/ --out-dir build/
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句