美文网首页
gulp自动化构建工具使用步骤

gulp自动化构建工具使用步骤

作者: 2c4b9a3449a9 | 来源:发表于2018-02-23 11:49 被阅读0次

其实已经好久没有使用gulp了,鉴于以前用的比较多,还是想作为一个技能记录下来,下面简要写一下使用步骤:

1、全局安装gulp

$ npm install --global gulp

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

$ npm install --save-dev gulp

3. 在项目根目录下创建一个名为 gulpfile.js 的文件:

var gulp =require('gulp');

gulp.task('default',function(){

    // 将你的默认的任务代码放在这

});

下面两张截图是我在项目中的一个示例

gulpfile.js

4. 运行 gulp:

$ gulp

默认的名为 default 的任务(task)将会被运行,在这里,这个任务并未做任何事情。

相关文章

  • ES6项目构建方法

    任务自动化(gulp) gulp:自动化构建工具;任务自动化,就是说,尽量不使用人工,使用工具自动操作一些任务;g...

  • gulp 基本的使用

    今天说说自动化构建工具gulp的使用,gulp其实是一个非常简单的自动化构建工具,它的作用有编译代码、压缩代码、热...

  • 『前端工程化』gulp(gulp3 && gul

    Gulp 什么是Gulp Gulp是基于Node.js的构建工具,我们使用它来集成前端开发环境,来构建自动化工作流...

  • 【前端工具】gulp构建工具的基本使用

    gulp是什么? gulp是前端开发中经常使用的自动化构建工具。自动化构建又是什么? 简单来说,一个完整的项目需要...

  • 配置Gulp

    使用工具 Gulp说明 Gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器,基于node.js,...

  • gulp入门教程(windows)

    1.关于gulp gulp实质上就是基于流的代码自动化构建工具,简单来说就是代码构建工具,那么我们为什么要使用代码...

  • 相关文章记录

    1.gulp构建工具相关信息 前端自动化构建工具gulp记录Gulp.js-livereload 不用F5了,实时...

  • gulp入门教程详解

    最近使用gulp自动化构建工具来开发网站,在此给大家分享一下使用gulp的一些使用教程。 一 gulp安装 1、安...

  • 新手Gulp的安装和使用

    1.gulp是什么? Gulp是基于node的一个自动化构建工具,开发者可以使用它构建自动化工作流程(前端集成开发...

  • 新手Gulp的安装和使用

    1.gulp是什么? Gulp是基于node的一个自动化构建工具,开发者可以使用它构建自动化工作流程(前端集成开发...

网友评论

      本文标题:gulp自动化构建工具使用步骤

      本文链接:https://www.haomeiwen.com/subject/bcztxftx.html