Create bolt config file
Create a file called .boltrc.js
with:
module.exports = { buildDir: 'www/build', components: { global: [ ], individual: [ ], }, };
Install Build Tools
Ensure you have a package.json
file, if not, run npm init
.
npm install --save @bolt/build-tools
Add this to your package.json
:
"scripts": { + "build": "bolt build", + "build:prod": "NODE_ENV=production bolt build", + "start": "bolt start" }
Consider adding global styling
All global styles are kept in a single package, if you'd like it, run:
npm install --save @bolt/global
Then add it to .boltrc.js
:
module.exports = { buildDir: 'www/build', components: { global: [ + '@bolt/global', ], individual: [ ], }, };
Install Components
Install any Bolt Component via npm
as it's docs suggest. If you were going to install the Card, you'd run:
npm install --save @bolt/components-card
Then add it to .boltrc.js
:
module.exports = { buildDir: 'www/build', components: { global: [ '@bolt/global', + '@bolt/components-card', ], individual: [ ], }, };
Continue to do so with as many components as you'd like.
Build It
Run this to build:
npm run build
You can optionally run npm run build:prod
for smaller files sizes - though it does take longer. CI should run this command.
All files will build to the directory you've configured as your buildDir
.