yihongang / fuse-box

A blazing fast js bundler/loader with a comprehensive API :fire:

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.

Follow us on twitter

Backers

Support us with a monthly donation and help us continue our activities. [Become a backer]

Sponsors

Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]

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 or yarn.

npm install fuse-box --save-dev
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!)

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

const { FuseBox } = require("fuse-box");
const fuse = FuseBox.init({
    homeDir: "src",
    output: "dist/$name.js",
});
fuse.bundle("app")
    .instructions(`>index.ts`);

fuse.run();

Examples and seeds

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!