建立一个gulpfile.js文件,内容直接抄gulp-htmlmin的readme: var gulp = require('gulp'); var htmlmin = require('gulp-htmlmin');   gulp.task('minify', function() {   gulp.src('src/*.html')     .pipe(htmlmin({collapseWhitespace: true}))     .pipe(gulp.dest('dist')) });…

gulp简介 gulp是基于流的自动化构建工具,也就是说gulp是通过操作流实现自动编译,压缩文件等操作的.这得益于node.js对流的支持,当然gulp.js和构建的任务文件都是JavaScript编写的. 安装方法: $ npm install -g gulp //全局安装 $ npm install --save-dev gulp //本地安装,只是开发版的依赖 设置自动化任务: 创建一个gulpfile.js文件,这个文件里面放置我们要设置的任务.文件里的代码大概是这个样子的. // 模…

gulp通过对站点使用的静态资源进行压缩,来优化网站的访问速度. 首先安装gulp以及所需要的模块: npm install gulp -g npm install gulp-htmlclean gulp-htmlmin gulp-minify-css gulp-uglify gulp-imagemin --save 然后在博客的根目录下创建gulpfile.js文件写入代码: var gulp = require('gulp'); var minifycss = require('gulp-m…

---恢复内容开始--- 什么是gulp? Gulp.js是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务. 使用步骤: 1.全局安装gulp:    npm install --global gulp 2.作为项目的开发依赖 : npm install --save -dev gulp 3.在项目根目录下创建一个名为gulpfile.js的文件 //实例:压缩js文件//引入依赖var gulp = require('gulp'); //引入插件 var uglifyJS…

Gulp有5个基本方法:src.dest.task.run.watch Gulp.src()      gulp模块的src方法,用于产生数据流.它的参数表示索要处理的文件,一般有以下几种形式: js/app.js:指定确切的文件名 js/*.js:某个目录所有后缀为js的文件 js/**/*.js:某个目录及其所有子目录中的所有后缀为js的文件 !js/app.js:除了js/app.js以后的所有文件 *.+(js|css):匹配项目更目录下,所有后缀为js/css的文件      src方…

前言: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器:她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成:使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率.相比于grunt的频繁 IO 操作,gulp的流操作,能更快地更便捷地完成构建工作.此处仅记录初步折腾中所遇点滴以及待解决的点. 文章首链 Gulp折腾之初探 折腾之战略上的藐视 回过头看Gulp的折腾历程,使用还是非常简易的.初步入门资料可参考这里.所以战略上一定要藐…

前端构建工具gulpjs的使用介绍及技巧 gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快.如果你还没有使用过前端构建工具,或者觉得gruntjs太难用的话,那就尝试一下gulp吧. 本文导航: gulp的安装 开始使用gulp gulp的API介绍 一些常用的gulp插件 1.gulp的安装 首先确保你已经正确安装了nodejs环境.然后…

一.gulp是什么 gulp就是用来机械化的完成重复性质(如less->css:js.css压缩:js混淆)的工作:gulp的机制就是将重复工作抽象成一个个的任务. 二.gulp使用 a.首先确保电脑上已经正确安装了node环境: b.其次再全局安装gulp,命令行语句:npm install -g gulp: c.在项目根目录下添加一个gulpfile.js文件,这个是gulp的主文件,这个文件名是固定的:d.在gulpfile中抽象我们需要做的任务. 小案例: 'use strict'; /…

gulp是前端开发过程中自动构建项目的工具,相同作用的还有grunt.构建工具依 靠插件能够自动监测文件变化以及完成js/sass/less/html/image/css/coffee等文件的语法检查.合并.重命名.压缩.格式 化.浏览器自动刷新.部署文件等功能. gulp是基于Nodejs的自动运行器,他借鉴了Unix操作系统的管道(pipe)思想,前一级的输出是后一级的输入.下面是具体流程: 1.安装nodejs nodejs下载地址:https://nodejs.org/ nodejs自带…

嗨,小伙伴们,大家周五好,又到了一周中最最最期待的周五啦啦~~~ 这几天一直在研究gulp的使用方法,今天抽时间来整理一下基本步骤. gulp 的使用流程: 安装nodejs ->安装git(方便调出命令窗口,可选) -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务 1.gulp是基于node开发的工具,所以在使用gulp前,必须先安装node.js,安装步骤很简单,从网上下载一个node安装包,一步一步进行安装…