3分钟学会gulp自动化构建工具

构建环境


1. 全局安装 gulp

$ npm install --global gulp

2. 创建GulpDemo文件夹且进入文件夹

$ mkdir GulpDemo && cd GulpDemo

3. 在项目中引导创建一个package.json文件

$ npm init
package.json

4. 作为项目的开发依赖(devDependencies)安装

$ npm install --save-dev gulp

5. 在项目根目录下创建一个名为 gulpfile.js 的文件并打开此文件

$ touch gulpfile.js && open gulpfile.js

6. 在gulpfile.js 的文件中以下代码

const gulp = require('gulp');

/**
 * 定义一个任务
 * 第一个参数为任务名
 * 第二个参数为任务体
 */
gulp.task('hello', function(){
    console.log('hello yangxiaoping');
    //这里编写一些重复性的流程
});

7. 运行hello任务

$ gulp hello
运行结果
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容