美文网首页
构建工具gulp的入门

构建工具gulp的入门

作者: 1462a2c022bc | 来源:发表于2018-11-05 09:33 被阅读0次

1.什么是自动化构建工具

 比如:less编译,csss压缩,es6的便宜等

2.常见的构建工具

    gulp【】   grnmt 【】       webpack

3为什么使用构建工具

   降低工作成本,简化工作流程,提高效率

二,gulp入门

1生成包描述文件     npm init  -y

2,安装开发依赖

npm i gulp --save -dep||  npm  i gulp -D

3.创建gulp配置文件

 gulpfile。js

4引入gulp模块,并配置gulp任务

var require(‘gulp’)

//配置任务

gulptask(‘任务名’,callback)

第三gulp插件的使用

1查找插件

https://www.npmjs.com

2,安装插件

npm i  gulp-uglify  -D

相关文章

  • Hello-Gulp

    Gulp の 快速入门 Gulp概要 Gulp一种流式自动化工具,在构建前端应用是非常给力的哟 Gulp快速应用 ...

  • 前端小白之gulp入门

    前言:别怕,gulp 入门比你想象中的简单多了(●ˇ∀ˇ●)…… Gulp 简介 官网:用 自动化构建工具 增强你...

  • gulp入门

    gulp入门 gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;他不仅能对网站资源进行优化,而...

  • 初认gulp

    为什么是Gulp? 类似Gulp的工具,我们通常称之为构建工具。如今最流行的两个构建工具是Gulp和Grunt。已...

  • 自动化构建工具gulp指南

    本文节选自 gulp详细入门教程 作者:Ooo_My_God gulp是前端开发过程中对代码进行构建的工具,是自...

  • 相关文章记录

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

  • 构建工具gulp的入门

    1.什么是自动化构建工具 比如:less编译,csss压缩,es6的便宜等 2.常见的构建工具 gulp【】 ...

  • gulp实例,原理

    1. 什么是 Gulp?简单的讲,Gulp 是一个构建工具,一个 streaming 构建工具,一个 nodejs...

  • Gulp总结

    # gulp 前端自动化构建工具,可以进行文本合并,文件拷贝,js压缩,css压缩,图片压缩等。 ### 入门 1...

  • gulp资源整理

    Gulp官网 Gulp中文网 Gulp插件网 博客: 前端构建工具gulpjs的使用介绍及技巧 - 无双 gulp...

网友评论

      本文标题:构建工具gulp的入门

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