Minimal frontend only boilerplate with gulp, zurb panini, postcss and babel.
The following packages are required to run the project:
- node js
- npm
Open command window and navigate to project's folder root(where 'gulpfile.bebel.js' and 'package.json' files are located). There we can execute the following commands:
| Command | Description |
|---|---|
| npm install | This command download all gulp dependencies and store them in 'node_modules' folder. We execute this command only once, when we start new the project. |
| npm start | This command create background process that watches all source files for changes compile them in '/dist' folder. We execute this command only once before we start making changes in source files. |
| npm run assets | Clean assets folder and update the content in it. |
| npm run build | Command that build static pages, compile, copy and minify resources. |
| npm run serve | Optional simple server that is serving /dist folder on localhost:8080 by default. |
- Clone the project.
$ git clone <REPO_URL>- Delete .git folder.
$ rm -rf .git/- Build static pages for the first time(creates 'dist' folder).
$ npm run build- Start work on your project.
$ npm start<PROJECT_ROOT>
└─src
└─markup # html partials
└─styles # css source files
└─scripts # js source files
└─dist
└─markup # static html
└─styles # compiled css
└─scripts # compiled js