Gulp介绍
来源:互联网 发布:c语言入门经典程序 编辑:程序博客网 时间:2024/06/06 00:39
gulp是基于Node.js的自动任务运行器,能自动化地完成 JavaScript/sass/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,同时可以对文件进行监听,如果文件有改动,可以自动处理生成新的文件。
gulp 和 grunt 非常类似,grunt 会频繁进行 IO 操作,而 gulp 则不需要,可以更高效的完成操作。
Gulp官网地址: https://gulpjs.com/
安装起来非常简单,首先确保安装成功了 node.js, 然后:
npm install gulp-cli -gnpm install gulp -Dtouch gulpfile.js
gulpfile是核心文件,需要进行配置,下面是 gulpfile.js 的示例内容:
1 var gulp = require('gulp'); 2 var pug = require('gulp-pug'); 3 var less = require('gulp-less'); 4 var minifyCSS = require('gulp-csso'); 5 6 gulp.task('html', function(){ 7 return gulp.src('client/templates/*.pug') 8 .pipe(pug()) 9 .pipe(gulp.dest('build/html'))10 });11 12 gulp.task('css', function(){13 return gulp.src('client/templates/*.less')14 .pipe(less())15 .pipe(minifyCSS())16 .pipe(gulp.dest('build/css'))17 });18 19 gulp.task('default', [ 'html', 'css' ]);
gulp 本身有众多实用的插件,比如想编译sass 到 css 就需要 gulp-ruby-sass 插件。
阅读全文
0 0
- Gulp介绍
- gulp介绍
- gulp-:gulp插件/gulp模块介绍
- Gulp简单介绍
- gulp常用插件介绍
- gulp的API介绍
- Gulp简单入门介绍
- Gulp及其插件介绍
- Gulp.js介绍
- Gulp介绍与Hexo优化
- 常用gulp插件介绍(一)
- 常用gulp插件介绍(二)
- ionic开发介绍之Gulp介绍一
- gulp前端自动化构建工具(二):gulp插件/gulp模块介绍
- 前端开发构建工具---Gulp介绍
- gulp plugins 插件介绍(推荐阅读)
- Gulp 简易入门及API介绍
- gulp的使用介绍及技巧
- JAVA数据结构和算法:第二章(表)
- 如何画思维导图?
- CentOS7环境安装MySQL
- Scala基础入门(十二 ) Scala 模式匹配
- SQL数据库
- Gulp介绍
- 算法题/调整数组顺序使奇数位于偶数前面
- struts-标签的使用(二)
- 树的点分治(HDU 5977 && 2016ICPC大连 G: Garden of Eden)
- 并查集入门--hd 1272 小希的迷宫 并查集判断环
- 牛客网-身份证分组
- nyoj 42一笔画问题
- Java中的String为什么是不可变的? — String源码分析
- 【HDUOJ2063】 过山车(最大匹配数,匈牙利算法,模板题)