Front End Industrial Tools Gulp first Experience

1. Global Installation Gulp:

NPM Install--global Gulp

2. Under the project directory, use the following command to create a basic Package.json file

NPM Init

3. Installing Gulp

NPM Install--save-dev Gulp

4. Install the required plugins such as:

NPM Install gulp-contrib-uglify--save-dev

5. Create a file named Gulpfile.js under the project root directory:

var gulp = require (' Gulp '); // Introducing Plugins var uglify = require (' gulp-uglify '); // Default task: Put Src/test.js into the build folder function () {    gulp.src (' src/test.js ').        Pipe (Uglify ())        . Pipe (Gulp.dest (' build '));});

6. Running Gulp

Gulp

Before compression:

After compression

Front End Industrial Tools Gulp first Experience