F# |> BABEL

The compiler that emits JavaScript you can be proud of!

RELEASE NOTES · Follow us on Twitter!

Fable brings together the power of the F# compiler and Babel to make JavaScript a true backend for F#. Some of its main features are:

• Works directly on F# source code, no compilation to .NET bytecode needed
• Optimizes F# code to generate as clean JavaScript as possible
• Passes location data to Babel to generate source maps
• Compatible with all Babel plugins and other JS development tools, like Webpack
• Support for most of the F# core library and a bit of .NET Base Class Library
• Tiny core library included (around 20KB minified and gzipped) with no runtime
• Organizes code using ES6 modules
• Interacts seamlessly with other JavaScript libraries
• Bonus: compile NUnit tests to Mocha

Usage

Fable is distributed through npm! You can install and run it just by typing:

npm install -g fable-compiler
fable path/to/your/project.fsproj

Note the package name is fable-compiler while the command is just fable

You can find more detailed instructions about F# to JS compilation in the docs. Also you can have a look at the samples or download them from here.

Requirements

You must have F# 4 and node 4.4 or higher installed in your computer.

If you are having problems to use Fable under Windows, try the following:

• Make sure fsc.exe is added to the path.
• Install MSBuild tools 2013.

Contributing

Just by using Fable you're already contributing! You can help a lot the community by sharing examples and experiences in your personal blog or by sending a PR to Fable's website (see this for more info).

Send bug reports (ideally with minimal code to reproduce the problem) and feature requests to the GitHub repository. Issues with the label discussion will be also added to ask the opinion of the community on different topics like the logo, roadmap, etc. For more immediate comments you can use the Gitter chat.

A plugin system is also available to allow you extend Fable according to you needs.

Caveats

• Options are erased in compiled code. This has several benefits like removing overhead and interacting with native JS functions in a safer way (null will be None). However, it will lead to unexpected results if you do weird things like wrapping null in Some. For practical purposes, Fable considers null, undefined, None and unit to be the same thing.

• Information about generic types is not included in the generated JavaScript, so code that depends on this information to be known at runtime for method dispatching may have unexpected behaviour.

To know more, read Compatibility.

Acknowledgements

Of course, this project wouldn't have been possible without the fantastic work of the F# compiler and Babel teams. I hope they feel proud seeing how their work has met in a very unexpected way, giving developers even more possibilities to build great apps.

The awesome F# community has played a big role in making this possible. I've met incredible people and it's impossible to list all the names without forgetting anyone, but I'd like to give a particular mention to Zach Bray for his work on FunScript, Don Syme (the fact that the designer of the language himself shows interest in your work, no matter how humble it is, is really a big push!) and Krzysztof Cieślak (I always have to look up the name to spell it correctly) because he's shown that F# is a perfect fit for a big project targeting JS.

And finally I'd like to thank my partner (is it too old-fashioned to say wife?) for bearing with me everyday.