我是靠谱客的博主 干净小蝴蝶,最近开发中收集的这篇文章主要介绍前端构建工具gulp的详细介绍以及使用什么是 gulp为什么要用 gulp如何使用 gulpgulp API,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

  • 什么是 gulp
  • 为什么要用 gulp
  • 如何使用 gulp
    • Installing Gulp
      • Install the gulp command
      • Install gulp in your devDependencies
    • Create a gulpfile
    • Test it out
  • gulp API

什么是 gulp

gulp 是一个前端构建工具,它能通过自动执行常见任务,比如编译预处理 CSS ,压缩 JavaScript 和刷新浏览器,来改进网站开发的过程,从而使开发更加快速高效。

为什么要用 gulp

与 grunt 相比,gulp 无需写一大堆繁杂的配置参数,API(中文 API) 也非常简单,学习起来很容易,而且 gulp 使用的是 nodejs 中 stream 来读取和操作数据,其速度更快。
gulp 有庞大的生态圈,且每天都在发展。依靠成千上万可供选择的插件,你可以利用 gulp 自动完成几乎任何事。

如何使用 gulp

Installing Gulp

新版的 gulp 命令行工具已经改名为 gulp-cli 。
如果你之前安装了全局的 gulp 。在使用新的 gulp-cli 之前,执行命令
npm rm --global gulp ,将之前的全局 gulp 卸掉。

Install the gulp command

npm install --global gulp-cli

Install gulp in your devDependencies

Run this command in your project directory

npm install --save-dev gulp

Create a gulpfile

Create a file called gulpfile.js in your project root with these contents:

var gulp = require('gulp');

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

Test it out

Run the gulp command in your projct directory:

gulp

gulp API

关于 gulp 的超详细介绍,我已经在我的博客中写了一篇文章来详细的介绍,这里就不再冗余了,大家可以参考一下:

gulp 详解与使用

—————————(正文完)————————————
一个前端的学习交流群,想进来面基的,可以点击这个logoVue学习交流,或者手动search群号:685486827



写在最后: 约定优于配置——-软件开发的简约原则.


——————————– (完)————————————–

我的:
个人网站: https://neveryu.github.io/neveryu/
Github: https://github.com/Neveryu
新浪微博: https://weibo.com/Neveryu

微信


更多学习资源请关注我的新浪微博….

width="100%" height="500" class="share_self" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=550&fansRow=1&ptype=1&speed=0&skin=8&isTitle=1&noborder=1&isWeibo=1&isFans=0&uid=5346488237&verifier=d529ff3a&dpc=1">


最后

以上就是干净小蝴蝶为你收集整理的前端构建工具gulp的详细介绍以及使用什么是 gulp为什么要用 gulp如何使用 gulpgulp API的全部内容,希望文章能够帮你解决前端构建工具gulp的详细介绍以及使用什么是 gulp为什么要用 gulp如何使用 gulpgulp API所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(170)

评论列表共有 0 条评论

立即
投稿
返回
顶部