A bundler that does it right

# Introduction FuseBox is a performant bundler/module loader, where you measure you build time in millseconds. It combines the power of [Webpack](https://webpack.js.org), [JSPM](https://jspm.io) and [SystemJS](https://github.com/systemjs/systemjs). ### Blazing fast FuseBox is extremely convenient for developers. Incremental build of an entire application takes 50 to 100 milliseconds. It requires no configuration to bundle projects such as `babel-core`. ### TypeScript First FuseBox loves [TypeScript](https://www.typescriptlang.org), and does not require any additional configuration to support it. It will compile and bundle your code within a fraction of a second, yet it offers a comprehensive loader API. It is packed with features and unfolds limitless possibilities of extending. ### Task Runner FuseBox features a powerfull [task runner](https://fuse-box.org/page/getting-started-with-sparky) which is designed with simplicity and elegance in mind. It fits perfectly in the modern API of FuseBox while resembling well established concepts behind [Gulp](https://gulpjs.org). ### Plugins We maintain all of the most used plugins. You can just pick what you need and plug it in. If there's anything missing, [let us know](./CONTRIBUTING.md#feature-requests)! ### Highlights - No headache, minimal configuration - First class [TypeScript](http://fuse-box.org/page/typescript) support - Tree shaking - [Arithmetic instructions](http://fuse-box.org/page/bundle#arithmetic-instructions) - Blazing fast bundle time - [Wildcard imports](http://fuse-box.org/page/loader-api#wildcard-import) - [Dynamic modules](http://fuse-box.org/page/loader-api#dynamic-modules) at runtime - [Tilde support](http://fuse-box.org/page/loader-api#point-to-the-root) - [DevServer and HMR](http://fuse-box.org/page/development) 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 pushes bundling to a whole new level! # Getting Started ### Installation FuseBox has many baked in plugins to help you get started. All you need to do is to install `fuse-box` using npm or yarn. ```sh npm install fuse-box --save-dev yarn add fuse-box --dev ``` ### Usage To build a TypeScript application, create a file `fuse.js` in the root directory of your project: ```js const { FuseBox } = require("fuse-box"); const fuse = FuseBox.init({ homeDir: "src", output: "dist/$name.js", }); fuse.bundle("app").instructions(`> index.ts`); fuse.run(); ``` And run it! ```sh node fuse ``` ### Documentation You can find a more detailed getting started guide on our [website](https://fuse-box.org/page/getting-started). It will walk you through the basics and give you a solid foundation to dig deeper. ### Examples and seeds You can find many examples and application scaffolds on our [website](http://fuse-box.org/page/examples-and-seeds). Don't hesitate to reach out to us on [Gitter](https://gitter.im/fusebox-bundler/Lobby). Please consult our [Contributing guidelines](./CONTRIBUTING.md) before creating an issue, we're trying to keep it nice and tidy. #### Angular2 Example [Todo App](https://github.com/fuse-box/angular2-example) built on Angular2 (compiles in 50-80ms!) #### React Example [Simple example](https://github.com/fuse-box/react-example) using React with babel (compiles in 50ms!) # Open Collective FuseBox contributors do this open source work in their free time. If you feel that using FuseBox increases your productivity and you'd like us to invest more time in it, please back us up. ### Backers Support us with a monthly donation and help us continue our activities. [Become a backer](https://opencollective.com/fuse-box#backer).

### Sponsors Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor](https://opencollective.com/fuse-box#sponsor)

# Contributing Have you created an awesome plugin? Add it to the [list](https://github.com/fuse-box/fuse-box/blob/master/docs/third-party-plugins.md). Please consult [Contributing Guildelines](./CONTRIBUTING.md) for details. If you already know it, here's a fastlane to our communication channels: - [Official Documentation](http://fuse-box.org/) - [Submit an Issue](https://github.com/fuse-box/fuse-box/issues/new) - [Make Documentation Better](https://github.com/fuse-box/fuse-box/tree/master/docs) - [Join Gitter Channel](https://gitter.im/fusebox-bundler/Lobby) Special thanks to [devmondo](https://github.com/devmondo) for incredible ideas, giving inspiration and relentless testing/contributing to the project. If you like the project, don't forget to star it!

fuse-box

Download

309.7K

Stars

4K

Forks

251

Issues

2K

Downloads in past 7 days

0

Subscribe to our Newsletter