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

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

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": "^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": "^…

越到最后啊 就越发现,真的很理解那句话 就是自己多学一点一点知识,就少一句问别人的东西 这是多么痛苦的领悟 今天需要压缩css跟js文件 然后不懂啊 就问别人啊 就问啊问啊 然后再上网了解啊了解啊 用gulp gulp是基于Node.js的前端构建工具 恩 确实是个好东西哦 那进入正题前先说说gulp是个啥东西吧,其实一开始我也不是很懂 百度呀 网上说是自动化工具 其实自动化工具说白了我也不是很懂 我感觉我看很抽象的概念的时候  加上自己没有那个具体的概念 就很难弄懂  有知道的小伙伴麻烦留言呀…

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

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');…

gulp是基于流的自动化构建工具官方网址:http://www.gulpjs.com.cn/ 一.安装需要的模块 1.新建package.json,输入下面的内容 { "name": "autopractice", "version": "1.0.0", "description": "", "main": "index.js", "sc…

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 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…