gulp.js--好用的静态文件打包工具

一句话概括gulp

​ gulp是前端开发过程中,一种基于的代码构建工具。是自动化构建项目的利器。

安装

  • 安装前提是已经安装了NodeJs环境

    1
    #	npm install -g gulp
  • 全局装完后,需在要使用gulp的项目的根路径中,再单独装一次

    1
    #	npm install gulp
  • 如果想在安装的时候把gulp写进项目package.json文件的依赖中,则可以加上–save

    1
    #	npm install gulp -save

永远的”hello world“

  • 在项目根路径下新建名为“gulpfile.js”文件

    • gulpfile.js作为gulp的主文件,在命令行之行gulp命令时,会自动找这个文件

    • 永远的”hello world“,在gulpfile.js中写入如下代码,新建gulp.task任务,第一个参数任务名,直接执行gulp命令,默认执行名为”default“的任务

      1
      2
      3
      4
      var gulp = require('gulp');
      gulp.task("default",function(){
      console.log("hello world");
      });
  • 在该路径下执行gulp命令,结果如下

    1
    #	gulp
    1
    2
    3
    4
    [21:37:53] Using gulpfile ~/ruijie/moraledukids/desktop/gulpfile.js
    [21:37:53] Starting 'test1'...
    hello world
    [21:37:53] Finished 'test1' after 191 μs

ps:是不是感觉很简单,那就对了,gulp就是这样,学习成本低,易掌握。