Mit Coffeescript 2 kann JSX/XML direkt in die Sprache eingefügt werden. Wie kann ich Babel (ich denke es ist Babels Aufgabe) dazu bringen, sowohl das Coffeeskript in Javascript als auch das resultierende JSX in Javascript zu kompilieren?Wie kann Coffeescript 2 als JSX behandelt werden? (Webpack/Babel)
Vorzugsweise möchte ich dies mit nur einer .coffee Erweiterung tun.
Babel funktioniert nicht direkt mit CoffeeScript; Sie müssen zuerst den CoffeeScript-Compiler verwenden, um die .coffee Dateien in JSX umzuwandeln. Dann kann Babel das übernehmen und auf JavaScript umwandeln.
Wenn Sie nicht bereits haben, installieren Sie Babel mit dem, was Plugins, die Sie verwenden möchten, zum Beispiel:
npm install --save-dev babel-core babel-preset-env babel-plugin-transform-react-jsx
erstellen .babelrc Datei Babel zu konfigurieren:
echo '{ "presets": ["env"], "plugins": ["transform-react-jsx"] }' > .babelrc
Dann ist die einfachste Möglichkeit, ist die coffee Befehl mit --transpile, die Babel-transpilation enthalten:
coffee --compile --transpile --inline-map some-file.coffee
Die resultierende some-file.js wird Runnable JavaScript sein. Siehe http://coffeescript.org/#transpilation
Babel sollte in der Lage sein, beide zu handhaben, wenn Sie die richtigen Plugins/Presets installiert haben. Zeigen Sie einfach auf die '.coffee' Dateien und es sollte funktionieren. –