Learn how to use Bootstrap’s included npm scripts to build our documentation, compile source code, run tests, and more.
Front uses NPM scripts for its build system. Our
package.json includes convenient methods for working with the framework, including compiling code, running tests, and more.
To use our build system and run our documentation locally, Follow the below steps:
- Download and install Node.js , which we use to manage our dependencies.
- Download and install Gulp.js , which we use to manage our dependencies.
- Navigate to the root
/cavistardirectory and run
npm installto install our local dependencies listed in
When completed, you'll be able to run the various commands provided from the command line.
If you do not have Node installed already, you can get it by downloading the package installer from Node's website. Please download the stable version of Node.js (LTS) NOT the latest.
You need to have Node.js (Node) installed onto your computer before you can install Gulp. When you're done with installing Node, you can install Gulp by using the following command in the command line:
After Node is installed on your system you can now proceed to Gulp installation. To do that simply run the command below in your terminal. This will install Gulp globally.
npm install gulp-cli -g
Installing NPM modules
First, change the command line path into your project where Front folder is located. if you have not done this before, you may check the following article to quick start Command Prompt - How to use the simple, basic commands .
Once the path of your workflow is changed to Front folder, you may run
package.json file by using the following command:
If you check the project folder when the command has finished executing, you should see that Gulp has created a
Now we have an integrated workflow. To try it out run:
Now you can try making some changes to
assets/scss/components/ and save it.
gulp dist to minify CSS, merge JS files into one dist folder.