FuseBox

http://fuse-box.org/ FuseBox is a bundler/module loader that combines the power of webpack, JSPM and SystemJS.

It is blazing fast (it takes 50-100ms to re-bundle) which makes it extremely convenient for developers. It requires zero configuration to bundle such monsters like babel-core.

FuseBox loves typescript, and does not require any additional configuration. It will compile and bundle your code within a fraction of a second, yet offering a comprehensive loader API. It is packed with features, and unfolds limitless possibilities of extending the API.

Watch a 4 minute intro video on youtube.

Follow us on twitter

Upvote your favourite feature

You have created an awesome plugin? Add it to the list

• Official Documentation
• Submit an Issue
• Make Documentation Better
• Join Gitter Channel (we are active!)

Installation

FuseBox has many plugins in place to help you get started. All you need to do is install fuse-box from npm.

npm install fuse-box --save-dev

Or install using Yarn:

yarn add fuse-box --dev

Try it out!

Angular2 Example

Todo App built on the latest Angular2 (compiles in 50-80ms!)

React Example

Simple example using React with babel (compiles in 50ms!)

Benchmark

Speed matters. Check out our benchmark example for a real world demo! 1200 files to bundle:

• FuseBox 0.234s
• Webpack 1.376s

Highlights

• No headache, minimal configuration
• First class typescript support
• Built-in Rollup support
• Arithmetic instructions
• Blazing fast bundle time
• Wildcard imports
• Dynamic modules at runtime
• Tilde support
• DevServer and HMR integrate with existing HTTP apps in 1 second!
• Metadata e.g __filename for decorators.
• Works everywhere for easy universal applications!

There is so much more. FuseBox pushing it to a whole new level!

Start Now

npm install typescript fuse-box --save-dev

FuseBox.init({
    homeDir: "src/",
    sourceMap: {
         bundleReference: "./sourcemaps.js.map",
         outFile: "sourcemaps.js.map",
    },
    outFile: "./out.js"
}).bundle(">index.ts");

Seeds

• Typescript + React + Reflux + Sass + Code Splitting
• Vue.js Seed
• Express seed
• Electron + babel + live-reload seed

Join our gitter channel we are very active and friendly!

Special thanks to devmondo for incredible ideas, giving inspiration and relentless testing/contributing to the project.

If you like the project, don't forget to star it!