Gulp commands

Here we'll explain what each gulp command does.

How to run a local server

Developing with Pixel is extremely easy. All you have to do to run a local server is writing the following command in the folder where gulpfile.js is located:

gulp
What does it do?

It watches for any change you will make in the project and compiles the code and refreshes your browser with the modified changes.

We recommend using this command if you choose to use the awesome features of Sass.

How to build the project for production/distribution?

Leaf has you covered. All you have to do is write the following command:

gulp build:dist

This command will generate a dist/ folder where you'll get all the files necessary to go live with your awesome website. Images are automatically optimized and the files are minified.

How to get a classic version of the project - without Sass, Gulp or npm

Even if Sass has some awesome features, maybe you just need the plain old CSS, HTML and JS stack. We though about this, so run the following command:

gulp build:dev

This command will generate a html&css/ folder where you'll get all the required files to use without Sass, Gulp or npm. This code is beatified and the CSS is documented with commenting sections.

Getting support

If you have specific questions about the theme's gulpfile.js, please contact us here.