如何将Coffeescript 2视为JSX? (的WebPack /巴别)

时间:2017-10-16 16:41:49

标签: reactjs coffeescript jsx babel

Coffeescript 2允许将JSX / XML直接包含在语言中。我如何能够将Coffeescript编译为Javascript并将生成的JSX编译为Javascript,以获得Babel(我认为这是Babel的工作)?

我希望只使用.coffee扩展程序执行此操作。

1 个答案:

答案 0 :(得分:1)

Babel不能直接使用CoffeeScript;首先需要使用CoffeeScript编译器将.coffee文件转换为JSX。然后Babel可以接受它并将其转换为JavaScript。

如果您还没有,请使用您要使用的任何插件安装Babel,例如:

npm install --save-dev babel-core babel-preset-env babel-plugin-transform-react-jsx

创建.babelrc文件以配置Babel:

echo '{ "presets": ["env"], "plugins": ["transform-react-jsx"] }' > .babelrc

然后最简单的选择是使用coffee命令和--transpile,其中包括Babel转换:

coffee --compile --transpile --inline-map some-file.coffee

生成的some-file.js将是可运行的JavaScript。见http://coffeescript.org/#transpilation