Gulpfile.js是什么文件: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器:她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成:使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率. 而gulpfile.js就是帮助gulp实现自动化管理项目功能的核心文件. 步骤1: 在命令行中安装gulp插件(前提是安装了gulp: npm install gulp -g) 可以同时下载多个插件: cnpm install gulp

Angular Material不仅仅有本身框架的源代码,还有在这个框架上实现的一个应用docs.更为强大的是,这个应用是真正的产品网站:就是它的官网.我有理由相信,这个网站是从源代码直接发布的,从网址的最后那个/latest,我们可以看出端倪. 从这个产品本身入手不失为学习的捷径. 入口gulpfile.js C/C#命令行的应用,我们会寻找Main()方法:C#的Web应用我们会找Global.asax:那么一个NodeJS应用我们就要找gulpfile.js. 注意:以前的很多项目都是用g

Gulp压缩合并js/css文件,压缩图片,以及热更新教程 var gulp = require('gulp');var concat = require('gulp-concat');//- 多个文件合并为一个:var minifyCss = require('gulp-minify-css');//- 压缩CSS为一行:var uglify = require('gulp-uglify');//压缩jsvar imagemin=require('gulp-imagemin');//压缩图片v

当我们在项目中使用gulp来实现前端自动化时,常常因任务太多导致gulpfile.js越来越臃肿,增加后期维护/变更成本.在计算机科学领域中,分治可以将我们的项目变得井然有序.所以,我们利用这个理念,将gulp task拆分至不同的文件中,gulpfile.js作为入口文件,来解决这个问题. 项目结构: |--app |--gulp |----task |------task1.js |------task2.js |--gulpfile.js 其中,假设task1.js: // $ 是对 gu

gulp watch 实现监听不仅需要package.json文档,还需要gulpfile.js文档.否则无法实现. 1.gulp的安装 1.1 首先必须先安装node.js.这个可以参考之前的博客<node.js的安装配置>. 1.2 按照全局方式,在node.js的目录文件夹下安装全局的gulp npm install -g gulp 1.3 全局gulp安装好后,在需要gulp的项目里还要单独再安装一次.把目录切换到项目的目录下面,执行命令. npm install gulp 如果想把g

1.压缩tinypng图片   gulp-tinypng-nokey,但不压缩gif格式(另外一个gulp-imagemin压缩率不高,可以压缩gif格式) // 获取 gulp var gulp = require('gulp'); // 获取 gulp-imagemin 模块 var imagemin = require('gulp-tinypng-nokey') // 压缩图片任务 // 在命令行输入 gulp-tinypng-nokey 启动此任务 gulp.task('images',

使用gulp一共有四个步骤: 1. 全局安装 gulp: $ npm install --global gulp 2. 作为项目的开发依赖(devDependencies)安装: $ npm install gulp --save -d 3. 在项目根目录下创建一个名为 gulpfile.js 的文件: var gulp = require('gulp'); gulp.task('default', function() { // 将你的默认的任务代码放在这 }); 4. 运行 gulp: $

本文关于gulpfile.js怎么写,利于完成个性化需求.本文开发环境默认已安装node,详情参考<node入门(一)——安装>. 一.安装gulp npm install -g gulp 二.进入项目根目录,创建package.json文件 npm init 现在项目目录下新增了package.json文件,内容如下: 三.在package.json里增加devDependencies配置项,告诉node在install时要下载哪些插件模块,例如下面是要加载gulp-less插件: gulp

gulp 一个入门教程:http://www.ydcss.com/gulp API文档地址:http://www.gulpjs.com.cn/docs/api/ 我的一个Low版的gulpfile var gulp = require('gulp'); gulpif = require('gulp-if'); sass = require('gulp-sass'); concat = require('gulp-concat'); rename = require('gulp-rename');

相关包安装 建议使用cnpm npm install --save-dev ***** 其中 ***** 部分表示所需要的包模块,如 gulpfile 中的 require('gulp-useref') 需要之前进行包安装如下: npm install --save-dev gulp-useref 源文件需要的包安装命令如下 npm install --save-dev gulp gulp-useref gulp-notify gulp-minify-css gulp-concat gulp-c

这里gulp安装和模块安装我就不提了,先简单写一些配置函数 for example /** * Created by yumeiqiang on 16/7/26. */var gulp = require('gulp');var uglify = require('gulp-uglify');// 获取 uglify 模块(用于压缩 js)var minifyCSS = require('gulp-minify-css');// 获取 minify-css 模块(用于压缩 CSS)var sas

var gulp = require("gulp"); // var babel = require("gulp-babel"); // 用于ES6转化ES5 var uglify = require('gulp-uglify'); // 用于压缩 JS var minifycss = require('gulp-minify-css'); var amdOptimize = require("amd-optimize"); var concat

文件目录如上: 下载代码地址:https://github.com/lianbinghua/gulptest 切换目录:cd gulp 安装依赖包:npm install 编译文件:gulp或者gulp start 区别:gulp默认启动gulp default,执行testLess,scripts,images任务. gulp start启动start任务,监听*.less,*.js,image的变化,并执行testLess,scripts,images任务.

//npm install gulp -g (global环境) //npm install gulp --save-dev (项目环境) //在项目中install需要的gulp插件,一般只压缩的话需要 //npm install gulp-minify-css gulp-concat gulp-uglify gulp-rename del --save-dev //以下require需要的module var gulp = require('gulp'), minifycss = requi

需要安装的插件 "gulp": "^3.9.1","gulp-clean": "^0.3.2","gulp-concat": "^2.6.1","gulp-connect": "^5.0.0","gulp-cssmin": "^0.2.0","gulp-imagemin": "^

var gulp = require('gulp'),     sass = require('gulp-sass'),     watch = require('gulp-watch'),     browser = require('browser-sync'),     imagemin = require('gulp-imagemin');   var path = {     sass: 'sass/*.scss' }   // 编译sass gulp.task('sass', fun

var gulp = require('gulp'); //工具 var autoprefixer = require('gulp-autoprefixer'); var include = require('gulp-file-include'); var gulpSequence = require('gulp-sequence'); var clean = require('gulp-clean'); //转码 var sass = require('gulp-sass'); var ba

var gulp = require('gulp'); var uglify = require('gulp-uglify'); // var rename = require('gulp-rename'); // var imagemin = require("gulp-imagemin"); // var pngquant = require('imagemin-pngquant'); // //确保本地已安装gulp-cache [cnpm install gulp-cache

var config = require("./build.config") //获取build.config.js文件里的内容 var gulp = require("gulp") //获取gulp模块 var sass = require('gulp-sass'); //gulp-sass模块是用于把sass转成cssvar path = require("path")var babel = require("gulp-babel&

首先,我们需要了解Gulp能做些什么? 编译 sass                                        sass是什么?(使CSS可以用编程的方式写,加快我们开发的速度) 合并优化压缩 css 校验压缩 js 优化图片 添加文件指纹(md5) 组件化头部底部(include html) 实时自动刷新- 总之Gulp就是帮助前端开发中对代码自动化的构建,可以对开发中许多重复的操作进行自动化,使我们可以更加专注于代码,提高工作效率,还可以对资源进行优化(简直强到爆炸).