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
.