Gulp自动化构建工具

Posted chenhongshuang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Gulp自动化构建工具相关的知识,希望对你有一定的参考价值。

 

一:入门指南安装gulp网址:https://www.gulpjs.com.cn/docs/getting-started/

1. 全局安装 gulp:

$ npm install --global gulp

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

$ npm install --save-dev gulp

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

var gulp = require(‘gulp‘);

 

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

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

});

4. 运行 gulp:

$ gulp

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

想要单独执行特定的任务(task),请输入 gulp <task> <othertask>

下一步做什么呢?

你已经安装了所有必要的东西,并且拥有了一个空的 gulpfile。那怎样才算是__真的__入门了呢?可以查看这些 秘籍 和这个 文章列表 来学习更多的内容。

.src, .watch, .dest, CLI 参数 - 我该怎么去用这些东西呢?

要了解 API 规范文档,请查看 API 文档.

可用的插件

gulp 开发社区正在快速成长,每天都会有新的插件诞生。在 主站 上可以查看完整的列表。

 

 

 

二:

   秘籍https://www.gulpjs.com.cn/docs/recipes/

      文章列表https://www.gulpjs.com.cn/docs/#articles/

      API 文档https://www.gulpjs.com.cn/docs/api/

      可用插件的主站https://gulpjs.com/plugins/

 

以上是关于Gulp自动化构建工具的主要内容,如果未能解决你的问题,请参考以下文章

自动化构建工具gulp

gulp前端自动化构建工具入门篇

自动化构建工具Gulp初体验

前端自动化构建工具-gulp

Gulp-构建工具 相关内容整理

gulp自动化构建工具