Nodejs不仅把Javascript带到了服务端,也在前端掀起了自动化的浪潮,推动了前端工作的历史性巨变,今天和大家一起学习前端自动化的神器---Gulp;说起自动化,自然少不了Grunt,这位前辈目前社区完善,拥有几千个现成插件,install下来参考文档即可配置使用(参见:前端自动化之利剑——...
分类:
其他好文 时间:
2016-01-03 23:56:21
阅读次数:
232
每个目标的具体设置,需要参考该模板的文档minify目标的参数具体含义如下:expand:如果设为true,就表示下面文件名的占位符(即*号)都要扩展成具体的文件名。cwd:需要处理的文件(input)所在的目录。src:表示需要处理的文件。如果采用数组形式,数组的每一项就是一个文件名,可以使用通配...
分类:
Web程序 时间:
2016-01-03 02:47:16
阅读次数:
207
1、官网nodejs官网 https://nodejs.org/en/Grunt官网 http://gruntjs.com/Grunt插件首页 http://gruntjs.com/plugins2、前言前段时间一不小心升级了win10(万恶的360),各种不适应各种问题各种软件bug,最终决定回退...
分类:
其他好文 时间:
2016-01-03 02:40:46
阅读次数:
8782
做了一个简单的演示样例,目的是记录环境配置以及这套框架的结构流程。1.配置环境默认nodejs已安装。安装下面模块:express(nodejs框架),grunt(javascript task runner),grunt-contrib-watch(grunt live load插件),grunt...
分类:
Web程序 时间:
2015-12-25 10:06:26
阅读次数:
174
grunt.registerTask(alias,tasklist)这里的alias 的名字不能用和tasklist中任何一个名字一样 否则会一直运行这个任务 巨坑啊!!!例如:grunt.registerTask('uglify', ['uglify'])改为grunt.registerTask(...
分类:
其他好文 时间:
2015-12-23 14:13:23
阅读次数:
153
为了方便例子讲解,现有数组和json对象如下var demoArr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular'];var demoObj = { aaa: 'Javascript', bbb: 'Gulp',...
分类:
编程语言 时间:
2015-12-13 18:43:58
阅读次数:
136
npm的包安装分为本地安装(local)、全局安装(global)两种,从敲的命令行来看,差别只是有没有-g而已,比如npm install grunt # 本地安装npm install -g grunt-cli # 全局安装这两种安装方式有什么区别呢?从npm官方文档的说明来看,主要区别在于(后...
分类:
其他好文 时间:
2015-12-11 15:06:04
阅读次数:
137
angularjs, nodejs, express, gulp, karma, jasmine 前端方案整合今年转向做前端开发,主要是做angularjs开发,期间接触了nodejs平台,从此一发不可收拾。npm丰富的插件库,express 开发框架, grunt, gulp构建工具,karma测...
分类:
其他好文 时间:
2015-12-10 23:54:56
阅读次数:
349
为了方便例子讲解,现有数组和json对象如下:var demoArr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular'];var demoObj = { aaa: 'Javascript', bbb: 'Gulp', ...
分类:
编程语言 时间:
2015-12-09 19:35:21
阅读次数:
249
先感叹一句,前端的发展真是太快了,ng和bb还没怎么学好就要过时了。现在感觉react当是未来的一个大方向。以前一直用的grunt,不过前段时间作者已经停止更新了。正好webpack风头正盛,咱也不能落伍,也来看看webpack到底是有什么出色的地方。1.要安装webpack,首先需要安装nodej...
分类:
Web程序 时间:
2015-12-04 20:39:06
阅读次数:
208