美文网首页
Gulp基础

Gulp基础

作者: ZYzan | 来源:发表于2017-08-26 09:58 被阅读0次

Gulp是一个工具。用于项目构建。

Gulp简介:

多个开发者共同开发一个项目,每位开发者负责不同的模块,这就会造成一个完整的项目实际上是由许多的“代码版段”组成的;

使用less、sass等一些预处理程序,降低CSS的维护成本,最终需要将这些预处理程序进行解析;

合并css、javascript,压缩html、css、javascript、images可以加速网页打开速度,提升性能;

这一系列的任务完全靠手动完成几乎是不可能的,借助构建工具可以轻松实现。

所谓构建工具是指通过简单配置就可以帮我们实现合并、压缩、校验、预处理等一系列任务的软件工具。

常见的构建工具包括:Grunt、Gulp、F.I.S(百度出品)、webpack

Gulp是基于Nodejs开发的一个构建工具,借助gulp插件可以实现不同的构建任务,以其简洁的配置和卓越的性能成为目前主流的构建工具。

全局安装npm install -g gulp

安装:

1.先要全局安装

$ npm install -g gulp --registry=https://registry.npm.taobao.org

2.再本地安装。

切换到项目目录。

$ npm install gulp --registry=https://registry.npm.taobao.org

安装完成会生成一个node_modules文件夹。

相关文章

  • 关于前端自动化工具GULP

    Gulp的准备工作 1、准备工作 2、Gulp基础 3、Gulp插件 安装gulp 在node.js环境下输入指令...

  • gulp-自动化工具

    创建gulp 基于npm的基础使用gulp,需先更新npm npm install -g npm 全局安装gulp...

  • Gulp基础

    基础使用 yarn add gulp --dev gulpfile.js 入口文件 gulp 的任务函数都是异步的...

  • gulp总结

    1.什么是gulp 简单来说就是一个包管理工具。 2.gulp基础内容讲解 2.1 gulp.src(globs[...

  • Gulp配置文件详解

    前言 前几天写了gulp的基础自动化构建的api。 这次介绍下gulp的几个常用插件和其基本配置: gulp常用插...

  • Gulp基础

    Gulp是一个工具。用于项目构建。 Gulp简介: 多个开发者共同开发一个项目,每位开发者负责不同的模块,这就会造...

  • ES6项目构建

    基础架构 任务自动化(gulp) 编译工具(babel、webpack) 代码实现

  • gulp基础使用

    原文地址 安装 安装淘宝npm镜像:sudo npm install -g cnpm --registry=htt...

  • gulp基础入门

    最近项目重构要使用gulp实现项目的自动化管理,所以到gulp官网简单的了解了一下基础知识,写这篇文章是想记录一下...

  • gulp

    gulp gulp.src gulp.dest gulp.task gulp.watch gulp.pipe() ...

网友评论

      本文标题:Gulp基础

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