摘要: 思考: 1.grunt以工程为单位安装插件? 如果有新工程就要重新安装插件或者把安装好的插件拷贝过去。这样很麻烦,解决方案是需要用grunt的项目统一放在grunt项目中。 2.每次需要针对项目编写gruntfile.js? a.我们可以把文件夹,路径用变量代替。传入xx.json或者用命令行传参的方式。 还记得initConfig中的grunt.file.readJSON('package.json')这个方法么?我们可以写一个config.json,用这个方法读入就可以获取变量。 config.json如下 { "concat": { "dis 阅读全文
posted @ 2013-12-17 10:49 小玉西瓜 阅读(271) 评论(1) 推荐(2) 编辑
摘要: 以下例子来自真实项目,有所删减grunt-test project目录结构如下一我的目的:1.在src-dev目录中开发最终产出于src目录2.src-dev中的index目录相当于一个widget二准备工作完成这项工作我需要那些步骤才能做到呢。1.需要先准备好合并压缩好的css(common/reset.css+index/c.css)合并压缩放置与一个零时文件夹中待用。2.其次压缩index/j.js放置于零时文件夹中。3.再者把css、js、tpl(index/t.html)inline到layout(index.html)中三编写gruntfile开始编写gruntfile.js/gr 阅读全文
posted @ 2013-12-17 10:26 小玉西瓜 阅读(511) 评论(0) 推荐(3) 编辑
摘要: 摆脱混乱的html文件中开发,拥有development与product模式是我们梦寐以求的。我买的需求是:1.产出一定格式的目录结构,以供日常开发使用,脚手架功能。2.在开发模式环境中我们按照文件类型不同分开开发,甚至html也分成小的区块widget化利于协作开发和维护,产出时合并成一个html,外联资源inline化。3.在编码过程中实时保存并自动刷新浏览器,可以查看结果。4.编码过程中进行代码检查,单元测试。5.产出环境我们把这些碎片文件按照逻辑顺序压缩合并打包到一起组合成html,减少请求和代码体积。6.上线后生成开发文档。grunt 有没有这样的能力呢,接下来我们一起探索。1.脚手 阅读全文
posted @ 2013-12-17 10:23 小玉西瓜 阅读(1223) 评论(3) 推荐(2) 编辑