采用node + grunt + bower + karma + jasmine搭建前端开发环境。(windows环境为例) 安装开发包的工具:node (安装grunt,bower,karma,karma-jasmine等开发和测试工具包) 构建工具:grunt (合并,代码检查、...
分类:
其他好文 时间:
2015-10-12 22:48:58
阅读次数:
225
好多年没有接触前端,发现前端行业发生了巨大的变化,很多新鲜术语,比如node、git、grunt、less、sass、预编译、自动化、模块化等等,看得让人晕头转向,不要担心,我会把这之前之后学习成果都记录下来,方便想要入门的同学交流学习!本人水平有限,错误在所难免,希望各位看客指正。如题,接下就是6...
分类:
系统相关 时间:
2015-10-12 21:08:31
阅读次数:
269
1.这里就不陈述Grunt是什么这些理论了,自行搜索哈,当然要安装的东西还是要先声明一下,首先我们先下载安装NodeJs->Git(下载npm)->npm->Grunt。这里一个过程就不陈述了,自己自行搜索便能安装搭建。2.假设我们这些都已经安装好了,那么我们就开始搭建一个项目来测试一下(完整的目录...
分类:
其他好文 时间:
2015-10-12 17:18:32
阅读次数:
142
grunt 不同地方使用时需要将插件下载的当前文件夹,这是因为查找模块时是当前路径,这会造成多个工程使用时会需要下载多次,而这些东西又不应该存在于工程之中,所以应该将所有模块全局安装,然后在工程下面只需要存在Gruntfile.js就可以了1、全局安装 grunt、grunt插件2、修改全局grun...
分类:
其他好文 时间:
2015-10-12 16:58:03
阅读次数:
289
在于江水的博客写的很清楚,不过要补充几点。1.grunt bundle:打包最终的纯净代码,当code完成后,如果需要打包发送给其他人,可直接执行此命名,将在项目主目录下生成-.zip格式的压缩包。其中的由开头我们在package.json或者Gruntfile.js中设置的名称决定。2.grunt...
分类:
其他好文 时间:
2015-10-06 16:37:49
阅读次数:
111
原文:http://javascript.ruanyifeng.com/tool/grunt.html安装命令脚本文件Gruntfile.jsGruntfile.js实例:grunt-contrib-cssmin模块常用模块设置grunt-contrib-jshintgrunt-contrib-c....
分类:
其他好文 时间:
2015-09-30 21:00:05
阅读次数:
351
原文:http://riny.net/2014/grunt-cssmin/grunt-contrib-cssmin v0.7.0使用cssmin压缩css文件Getting Started这个插件要求 Grunt 为0.4.0或以上版本。如果你还不了解grunt,请查阅相关文档来了解什么是 Grun...
分类:
Web程序 时间:
2015-09-30 20:52:17
阅读次数:
208
上篇文章介绍了前端模块化开发工具seaJs,利用seaJs我们可以轻松实现前端的模块化编程,参见http://www.cnblogs.com/luozhihao/p/4818782.html那么今天我继续介绍前端开发的另一工具——grunt。关于介绍grunt文章网上已经存在很多,而本文主要结合自己...
分类:
其他好文 时间:
2015-09-30 12:40:58
阅读次数:
224
安装插件:npm install grunt-css-sprite --save-devgrunt-css-sprite主要功能:1.对 css 文件进行处理,收集切片序列,生成雪碧图2.在原css代码中为切片添加background-position属性3.生成用于高清设备的高清雪碧图,并在css...
分类:
Web程序 时间:
2015-09-29 18:45:15
阅读次数:
289
mangle:false(不混淆变量名和方法名,保留原有的名字),如果不配置,默认混淆,就是将所有方法名和变量都用a,b,c等字母替换preserveComments : 'all'(不删除注释,还可以为false(删除全部注释,不配置默认为false),some(保留@preserve @lice...
分类:
其他好文 时间:
2015-09-29 18:38:35
阅读次数:
157