顾乔芝士网

持续更新的前后端开发技术栈

今天咱们聊聊构建工具Grunt

写这篇文章之前,先来说一下,Grunt到底是个什么东东,一句话前端项目构建工具,那么问题来了,前端为什么需要项目构建工具呢,在没有出现gulp/grunt之前,前端开发大家不都是干的好好的吗?简要概述一下,项目在构建工具的使用过程中的转变,没出现grunt的时候有大家用的是Ant,Ant没有的时候,可能是用bash shell或者java或者php或者等等许多其他语言开发类似的工具,c语言中的make也是一种,以上的诸多词语都是构建工具,我们使用的编程语言会随着时代的进步,科技的发展变化,构建工具也是一样,在不断的完善和发展。

尤其是现在的前端,要有一个工程化的思想去实现和书写我们的代码,大家会在一个完整的项目中使用各种类库,同时更多的人都会选择书写less/sass去替代以往的css代码,至于为什么书写less/sass,想必不用过多叙述,因为sass/less它们可以用编程的思维和方法去书写样式,并且它们拥有变量的思想,sass和less也有很大的区别,同学们下去自行学习,虽然使用less/sass给我们提高了很大的效率,但是我们的浏览器只能解析css规则树,所以我们需要把less/sass源码给编译成css代码,这个时候你或许会选择用命令行将基于ruby环境下的sass转译为css,或者是其他的转译文件帮你转译,这个时候,构建工具就会发挥它的作用,grunt会帮你一次配置,多次快速执行相应的task

以上仅仅是grunt构建工具的好处之一,想必在实际的项目中,我们经常还会遇到将我们自己书写的所有js文件进行压缩合并的工作,以前我们可能会选择利用YUI这样的压缩工具,帮助我们完成任务。但是这样的人工操作实在是太费时间和精力,使用grunt构建工具,只需要配置好相应的压缩,合并等task,就会自动帮助你完成相应的任务,除此之外我们引用以下官网的解释,为什么选择使用构建工具

对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting等,自动化工具可以减轻你的劳动,简化你的工作。当你在 Gruntfile 文件正确配置好了任务,任务运行器就会自动帮你或你的小组完成大部分无聊的工作

Grunt生态系统非常庞大,并且一直在增长。由于拥有数量庞大的插件可供选择,因此,你可以利用Grunt自动完成任何事,并且花费最少的代价。如果找不到你所需要的插件,那就自己动手创造一个Grunt插件,然后将其发布到npm上吧

来看一些可用的grunt插件吧,这只是一小部分

说了这么多,来点福利吧,送给认真阅读此篇文章的你,本周二晚20:00,我将开展直播课程,带你走近grunt的世界,带你使用命令行安装和使用grunt,收听完此课程有什么好处呢,官网复杂的英文文档看不懂没关系,我做了12张详细的ppt,听完课再回顾完全没疑惑,最最重要的是,使用和安装grunt必须使用命令行,听到这有些同学肯定非常头痛,哈哈哈,别头痛我带着你亲自敲哪些命令行代码哦

最后强调一下,关于grunt构建工具的课程,目前网络上资料很少,有也都是收费的,好几十一节,而我们的直播课不收钱,并且免费解答疑惑哦,赶快报名吧

http://www.gbtags.com/gb/gbliveclass.htm

还没有注册账号的同学,可以在官网注册,我们本周二晚不见不散

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言