- Navigate to this folder in a terminal.
- Run
npm install
- After
npm install
has completed runnpm start
. This will start the gulp process that compresses the images, compiles the SCSS, HTML Handlebars and JS files and provides livereload onhttp://localhost:3000
The compiled code is compiled to /dist this is your distributable code. Anything edited in dist directly has the possibility of being overwritten by the code in /src when npm start is run. Changes should only be made in /src and then compiled to /dist.
You can also run single commands:
npm start styles
to compile just the SCSSnpm start images
to compile just the Imagesnpm start customJS
to compile just the JS
To add additional JS files see webpack.config.js
and add to the entry section. NPM can be used to include additional libraries.