官术网_书友最值得收藏!

Installing Gulp

Gulp can be installed based on npm using the following command:

npm install --global gulp-cli

Once the Gulp installation is complete, a gulpfile.js configuration file should be generated in the project's Important Files folder in NetBeans IDE with its syntax looking like the following:

var gulp = require('gulp');
gulp.task('default', function() {
// place code for your default task here
});

Gulp can be executed as part of the command line using the gulp command, or made part of the NetBeans IDE commands as follows:

  1. The Gulp executable can be configured in NetBeans IDE by selecting Tools | Options and choosing the HTML/JS and Gulp options:
  1. The following is the project structure once gulpfile.js is added:
  1. Gulp tasks (clean, build, run, debug, and test both project and file, as highlighted in the following screenshot) can be assigned to common IDE actions by right-clicking on the project and selecting the Project Properties and Gulp options:
  1. Gulp tasks can be run via the project's context menu by right-clicking on the project as follows:
  1. We can also set the parameters, if needed, as follows:
  1. We can right-click on the project, select Gulp Tasks, and click the saved advanced option to invoke the target to execute as follows:
  1. Gulp output can be reviewed in the output window as the script is executed:

Gulp can be used in projects to help us save a lot of effort in repetitive tasks such as code optimization, minifying, programmatic  testing, CSS preprocessing, and deploying to the targeted environment.

主站蜘蛛池模板: 昌邑市| 武冈市| 德保县| 林甸县| 宁陵县| 大同县| 海原县| 从江县| 常宁市| 阿拉善左旗| 蛟河市| 迁西县| 邵阳市| 韩城市| 绥棱县| 广河县| 福州市| 伊吾县| 车险| 奉节县| 满洲里市| 普宁市| 高邑县| 甘南县| 岑溪市| 攀枝花市| 景东| 满洲里市| 光泽县| 阳春市| 仲巴县| 大兴区| 司法| 弥勒县| 湄潭县| 南部县| 乐都县| 盖州市| 新巴尔虎右旗| 贵溪市| 怀化市|