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

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

KoaHub.js demo KoaHub.js KoaHub.js -- 基于 Koa.js 平台的 Node.js web 快速开发框架.可以直接在项目里使用 ES6/7(Generator Function, Class, Async & Await)等特性,借助 Babel 编译,可稳定运行在 Node.js 环境上. github地址:http://github.com/einsqing/koahubjs demo 下载安装 //下载 git clone https://github.…

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

wangHighLighter.js demo 语言:   主题: 转换   说明: wangHightLighter.js是一个可以将代码高亮显示的javascript小插件,支持常用的20多语言.多个漂亮的主题.代码开源. 使用说明 & 下载:https://github.com/wangfupeng1988/wangHighLighter ----------------------------------------------------------------------------…

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