Build tools

Learn how to use TailPro included npm scripts to automate your time-consuming tasks in your development workflow with Gulp, Browsersync and PostCSS.

Tooling setup

TailPro 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, you'll need a copy of TailPro's source files and Node. Follow these steps and you should be ready to rock:

  • Download and install Node.js, which we use to manage our dependencies.
  • Run npm install --global gulp-cli command. If you already installed Gulp CLI previously, you can skip this step and jump to step 3.
  • Navigate to the root Tailpro/ directory and run npm install.
  • After Npm install complete, run npm run start to start development.
  • Yup, that's it.

Gulp, Sass and Browsersync

When install processing completed, you'll be able to run the various commands provided from the command line. Now you have an integrated workflow.

Our gulpfile.js includes the following tasks:

Core Task Description
npm run start Start development process with generate src/precss/*.css to src/css/style.css, Minify images to src/img-min/* and launch Browsersync in http://localhost:3100/ with automate page reload
npm run build Generates a dist/ directory with all the production files Minify css, js, images and other files
npm run updateplugins Update all plugins in src/plugins/* with new version. Dont forget to run npm update before running this task. You can running this task before start development process.


If you are using MacOS please use sudo keyword in the command because they need administrator rights to install Gulp globally.