The directories:
- sass/
- views/ (Each part of your sass)
- app.scss (Import each file in the views directory)
- reset.scss
- js/
- app/ (The js files directoy)
- dist/ (The compiled js directory in app.js)
- vendor/ (The libraries you include)
- stylesheets/ (The compiled scss in app.css)
-
Download the repo
-
Install the dependencies:
npm install
-
Build the app:
gulp build
-
Run
gulp
to watch any changes and auto-compile (nb: Itbuild
the project first) -
Run
gulp build
to compile one time the project -
Run
gulp sass
to compile scss (autoprefixer are added automatically) -
Run
gulp js_app
to compile js files from js/app in js/dist/app.js -
Run
gulp js_libs
to compile js/vendor libs in js/dist/vendor.js -
Run
gulp buildProd
to minimize css and js in stylesheets/app.min.css and js/dist/app.min.js