//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安装和模块安装我就不提了,先简单写一些配置函数 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…

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

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

最近研究了一下gulp构建工具,发现使用起来比grunt顺手一些.(个人感受),以下是grunt和gulp构建方式和原理: grunt 基于文件方式构建,会把文件先写到临时目录下,然后进行读文件,修改文件,写文件,,,读文件,修改文件,写文件..... 需要进行大量IO操作. gulp 基于流(streaming)的方式构建,首先读取文件,编译压缩文件(流的方式),最终将结果生成到配置的文件目录下. 安装gulp 假设已经安装了node 和npm (淘宝的cnpm很适合国内使用). 1.首页全局…

LayaAir引擎开发HTML5最简单教程(面向JS开发者) 一.总结 一句话总结:开发游戏还是得用游戏引擎来开发,其实很简单啦 切记:开发游戏还是得用游戏引擎来开发,其实很简单,引擎很多东西都帮你做了 二.入门教程:一篇学会LayaAir引擎开发HTML5(面向JS开发者)(转) 转自:入门教程:一篇学会LayaAir引擎开发HTML5(面向JS开发者) - 知乎https://zhuanlan.zhihu.com/p/20902118 序 HTML5是一种热门的跨平台开发技术,随着引擎技术的…

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

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…

有这样一个需求,在js中动态创建一个页面,然后下载该页面为word文档,研究了一上午,最后发现实现起来如此简单. 在js中创建如下方法:(直接复制即可) function downloadFile(fileName, content){ var aLink = document.createElement('a'); var blob = new Blob([content]); var evt = document.createEvent("HTMLEvents"); evt.ini…