Custom Build
Bonaparte is build with Webpack. It's easy to save some bytes by removing some components from the build or to use your projects own webpack build to bundle bonaparte with the rest of your JavaScript code.
bonaparte.build.js
Every Bonaparte component, theme or build has a bonaparte.build.js
file in it's root. These files are used to compose Bonaparte.
napoleon-bonaparte/bonaparte.build.js:
// Components
require('bonaparte-panel');
require('bonaparte-scroll');
require('bonaparte-button');
require('bonaparte-sidebar');
require('bonaparte-toolbar');
require('bonaparte-draggable');
require('bonaparte-dropdown');
// Themes
require('napoleon-ui');
Rebuild Bonaparte
The easiest way to create a custom build is by starting off one of the existing builds (build-pure or napoleon-bonaparte).
- Download/Clone the build that includes all the components you need.
- Install the package:
$ npm install
- Update
bonaparte.build.js
to include only the components your project needs. - Rebuild Bonaparte:
$ npm run build
- Copy the recreated
dist/
folder into your project.
Build Bonaparte within your project
To build Bonaparte as part of your own project, add the Bonaparte packages to your package.json
. Then require the bonaparte.build.js
file for each of them.
Include a complete build:
require('napoleon-bonaparte');
Single components:
require('bonaparte-scroll');
require('bonaparte-dropdown');
Or a theme:
require('napoleon-ui');
Note: Make sure to include themes after components.