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