基本工作流: JS合并、JS压缩、CSS压缩、CSS Sprite、图片优化、测试、静态资源缓存(版本更新)... 基于工作流产生的工具: JSHint(jshint.com)、CSSLint(csslint.net)、jade(jade.tilab.com)、coffeeScript(coffee ...
分类:
其他好文 时间:
2016-05-04 22:56:52
阅读次数:
141
gulp:更简单的自动化构建工具 目前最流行的两种使用JavaScript开发的构建工具是Grunt和Gulp。为什么使用gulp?因为Gulp更简单。Grunt任务拥有大量的配置,会引用大量你实际上并不需要的对象属性,但是Gulp里同样的任务也许只有几行。有兴趣的同学在学完本文后对比使用Grunt ...
分类:
其他好文 时间:
2016-05-02 22:43:02
阅读次数:
251
前端现在三足鼎立的构建工具(不算比较老的ant,yeoman),非fis,grunt,gulp莫属了。 fis用起来最简单,我打算自己得项目中使用一下fis. 先说一下gulp安装吧。 第一步:安装node和npm,搭建node环境。 访问 http://nodejs.org。npm会随着安装包一起 ...
分类:
其他好文 时间:
2016-04-28 11:56:25
阅读次数:
174
Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具,如YeoMan和Grunt,这个会在以后的文章中介绍。 准备工作 安装node环境:node.js 安装Git,bower从远程git ...
分类:
其他好文 时间:
2016-04-27 18:48:56
阅读次数:
140
grunt的安装 官方站点:http://gruntjs.com/ 安装指令: 验证方面:grunt 见到上图,就是grunt已经安装成功。 yeoman的安装 yeoman自动将最佳时间和工具整合进来,大大加速和方便了我们的后续的开发。 官方站点:http://yeoman.io/ 安装指令: 验 ...
分类:
其他好文 时间:
2016-04-25 14:32:20
阅读次数:
133
利用Node.js的NPM进行功能的扩展 Grunt实现一些自动化,例如文件压缩,错误检查,Bower实现一些包的管理以及包之间依赖的管理。 利用Angular Js作为主要框架,并引入BootStrap,IONIC,D3等相关“工具”。 在此之前请先学习Angular Js后再阅读 ...
分类:
其他好文 时间:
2016-04-23 16:50:06
阅读次数:
155
首先准确说把webpack放在这儿不太好,因为webpack准确说更有点类似require,sea这类的模块化工具;而前两者更偏向于压缩混淆之类; 三者下载npm包之后,都需要各自的config文件; grunt的congfig文件书写格式是键值,类似一种配置的编写,gulp是回掉函数,类似编程的编 ...
分类:
Web程序 时间:
2016-04-19 00:01:06
阅读次数:
900
gulp快速入门 因为之前一直有人给我推荐gulp,说他这里好哪里好的。实际上对我来说够用就行。grunt熟悉以后实际上他的配置也不难,说到效率的话如果真是要完整打包上线也不在乎那么几秒时间,对于项目来说线上效率关键,但是线下效率只要不是让人无法忍受页没有太多问题。不过不管怎么说,需要亲自用过gul ...
分类:
其他好文 时间:
2016-04-16 00:50:01
阅读次数:
226
前端集成解决方案 解决一系列问题,比如模块化,MVC,打包等 主流前端解决方案 Yeoman bower grunt | gulp 学习前端自动化构建工具前提 NodeJs npm node包管理,分发工具 相当于php的pear,是个命令行工具 在ubuntu安装node,npm 通过 apt-g ...
分类:
其他好文 时间:
2016-04-14 20:49:32
阅读次数:
129
Grunt 是一个基于任务的 JavaScript 项目命令行构建工具,运行于 Node.js 平台。Grunt 能够从模板快速创建项目,合并、压缩和校验 CSS & JS 文件,运行单元测试以及启动静态服务器。 安装 Grunt 推荐 Windows 用户使用 Git Shell 来进行命令行操作 ...
分类:
编程语言 时间:
2016-04-13 12:44:43
阅读次数:
210