1.node.js,npm包管理工具,用node xxx.js运行。 npm -l,查看已经安装的 npm install [-g] [plugin-name],-g表示作为全局模块 npm search ** ,查找某模块 npm help ,查看帮助 2.grunt,构建工具,通过Package...
分类:
其他好文 时间:
2014-08-29 19:55:28
阅读次数:
231
使用grunt用于实现前端的一些工作自动化。目前我使用到的主要是js压缩和css压缩在目录里面必须包含两个文件:Gruntfile.js和package.jason一 package.json这相当于是使用grunt的一个配置文件:{ "name": "gruntjs.cn", "versio...
分类:
其他好文 时间:
2014-08-26 16:59:56
阅读次数:
231
首先安装必备的插件:nodejs安装grunt安装grunt-contrib-watch:npm install grunt-contrib-watch —save-dev因为这是要引入livereload来监听你对文件所做的修改,所以需要一个服务器来实现浏览器与服务期间的通信,因此,可以利用a.....
分类:
其他好文 时间:
2014-08-25 11:41:04
阅读次数:
417
https://www.npmjs.org/package/rjs-optimhttps://www.npmjs.org/package/grunt-requirejs-md5指定js版本号 但不是MD5 没有检测文件是否更新机制https://www.npmjs.org/package/grunt...
分类:
Web程序 时间:
2014-08-23 18:56:31
阅读次数:
258
作为一名前端开发人员,实现前端自动化是一项大大节省开发时间的有效手段;这样开发人员可以更好更专注于前端代码的开发,而不用过多关注于css压缩,js检测这样的繁琐的工作。 本文主要介绍使用grunt实现前端雪碧图生成,以及生成相应的css文件,安装grunt,这部分就不多说了,具体内容参考htt...
分类:
其他好文 时间:
2014-08-22 20:53:59
阅读次数:
238
1.安装nodejs2.安装grunt-clinpm install -g grunt-cli3.进入到项目目录,同时准备好package.json和Gruntfile.js文件//package.json文件内容,其中alias指定了jquery的路径,后面一坨是需要用到的grunt插件{ "n....
分类:
Web程序 时间:
2014-08-20 16:02:22
阅读次数:
213
2014-08-191,seajsseajs的全局配置打包部署2,grunt批注:需要使用npm安装grunt。 npm grunt -g两个配置文件 package.json 有name, version, dependency gruntfile.js 配置,载入和注册打包步骤,每一步都做什.....
分类:
其他好文 时间:
2014-08-19 23:39:55
阅读次数:
246
Yeoman由三部分组成Yo 用于项目构建。Grunt 用于项目管理,任务制定。Bower 用于项目依赖管理。经过一段时间的使用,对这些东西有了一些个人总结:总体上说这些内容学习曲线略高,不太适合团队每个成员去维护,它属于前端架构师一类的人来使用去管理项目的整个结构。Yo用来构建项目,既可以生成整个...
分类:
其他好文 时间:
2014-08-18 12:56:32
阅读次数:
198
?Grunt系列教程之一
?grunt是一个强大的自动化构建工具,它能自动的执行你自定义的任务,帮助你编译、压缩、单元测试等。它可以极大的减轻作为程序员的工作量。一切无聊枯燥且重复的工作就交给grunt来完成吧!
?grunt中有非常多的插件,有官方的可以直接使用,如果你觉得这还不够,你可以自己亲自写一个插件,将其发布到npm上。
?常用的grunt插件有:...
分类:
其他好文 时间:
2014-08-15 22:37:09
阅读次数:
222