Coffeescript 2如何被视为JSX？ （的WebPack /巴别）

Question

的CoffeeScript 2允许将包括直接进入语言JSX/XML。我怎样才能得到Babel（我认为这是巴比尔的工作）既要将Coffeescript编译为Javascript，又要将生成的JSX编译为Javascript？

最好我只想用.coffee扩展名来做到这一点。

Answer 1

Babel不直接与CoffeeScript一起使用;您首先需要使用CoffeeScript编译器将.coffee文件转换为JSX。然后Babel可以把它转换成JavaScript。

如果您还没有准备好，安装通天您要使用，例如任何插件：

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

创建.babelrc文件配置巴贝尔：

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

那么最简单的选项是使用coffee命令--transpile，其中将包括巴别transpilation：

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

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