The goal of this Gulp boilerplate is to free you time so you can do something more interesting than reinventing the wheel, it includes:
npm install adfab-gulp-boilerplate
Upon installation, two files will be copied to the root of your project:
Every task rely on the
gulp-config.js file for their configuration. Just fill-in the values you need.
gulp-config.jsfor details of every options of below for details about how it works
You can comment of remove the tasks you don't need. For exemple you will certainly need only one from less, sass and postcss.
Every tasks has a desktop notification when succeeded or failed, with detailed logs.
Here is a list of current taks available:
You can create a folder named 'gulp-tasks' at the root of your project. In this folder you can add new tasks. If a task has the same name as a default boilerplate task, it will override it.
For every task you can add an option 'clean' to disable clean task for task destination folder before build:
It can be useful if your destination folder already contains other files you want to keep, but your deleted files won't be removed anymore from destination.
It acts as a proxy to the domain you specified in
vhost). You can now access your project by specifying the
3000 port (if you usually access your project via http://project.localhost/, now it would be http://project.localhost:3000/).
You can also test it in production mode by passing the
--production option. That way, it will remove sourcemaps and minify JS and CSS.
Development mode (by default), adds sourcemaps to your code
You can run:
it will remove sourcemap genreration and minify your js and css.