Greatest bundler around
Bundle Bee is an intuitive program that takes in your javascript project and automatically configures and runs it through popular bundlers, and then provides an interactive analysis tool after to help you compare your bundle composition, speed times and file sizes in each respective bundler, allowing you to choose the best bundler for your needs and migrate with zero-configuration and zero-hassle. Currently compatible with Webpack, Parcel and Rollup - our program will give you the needed configuration and build files to get started and launch with whichever bundler best suits your needs.
These instructions will get you a copy of the project up and running on your local machine.
Bundle Bee is currently only compatible with javascript projects using vanilla JS, React, SASS/SCSS, LESS, CSS, and standard image types. Application requiring javascript module loading of other file types are likely to encounter errors during bundling. The application is available in two formats: As a downloadable .app file for MacOS, and as an electron application launched from the terminal using npm or yarn.
Download the mac app from bundlebee.io,
OR
copy our repo to your local machine:
git clone https://github.com/bundlebee/bundle-bee.git bundle-bee
cd into the directory and install the dependencies
cd bundle-bee
npm i || yarn
Then boot up the application:
npm run electron || yarn electron
After that, just drop your project folder into the electron app window, and let the bundler do the work. Bundle Bee will attempt to locate your entry file automatically, and you will be prompted to drop it in if we are unable to determine this. Additionally, if an existing configuration file is found, Bundle Bee will ask whether you would like to use that, or if you would like us to automatically generate a new configuration file for you. Speed and size data for each bundler displays on the screen as each bundler finishes its process. Navigate between the three bundlers using the top three buttons, and switch between build sizes and speeds using the lower three buttons broken down by asset. A broad overview bar chart of the total build times and sizes is available on the 'totals' tab, which displays a snapshot comparison of the three bundlers' results.
After a preferred bundler has been chosen, click one of the 'view configuration' buttons on the right side of the screen to open up the project files folder specific to that bundler, which provides:
If you encounter an error running Bundle Bee on your project, first check to see that:
Additionally, there are some limitations in the individual bundlers that may be affecting the bundling process. It is beyond the scope of this document to cover all of these (consult the relevant docs for each bundler)
https://github.com/webpack/docs/wiki/troubleshooting
https://github.com/rollup/rollup/wiki/Troubleshooting
https://github.com/parcel-bundler/parcel/issues
but some common issues are below:
commonjs({
include: 'node_modules/**',
namedExports: {
'node_modules/react-dom/index.js': ['render', 'findDOMNode'],
},
And finally, Bundle Bee is still in development, so bear with us as we iron out all the kinks!
Brendan Morrell (https://github.com/brendanmorrell)
Clariz Mariano (https://github.com/havengoer)
Sam Goldberg (https://github.com/sgoldber61)
Adam Modras (https://github.com/js-mode)
This project is licensed under the MIT License - see the LICENSE.md file for details