原标题:十分钟让你精通web前端build工具
web前端开发工作中会用到许多开发工具,熟练使用web前端开发工具对于开发者的工作效率有很大的帮助。web前端build工具是使用率很高的开发工具,本文创客学院web前端开发讲师让你十分钟让你精通web前端build工具。
十分钟让你精通web前端build工具:
build工具的两大核心功能,就是“安装vs做事”
从本质上说,开发工具做的事情就两个:
· 帮你安装东西
· 帮你做事
当你接触到一个新的开发工具的时候,你首先需要搞清楚一个东西:“这个工具的目的是帮我安装东西,还是帮我做事?”
安装类的工具,例如npm、Bower和Yeoman几乎什么东西都能装,它们可以用来安装前端库,例如Angular.js或是React.js。它们还可以为你的开发环境安装服务器。它们可以安装测试库。它们甚至可以帮你安装其他的前端开发工具。简而言之,任何你能想到的与代码有关的东西,它们都能安装。
而帮你做事类的工具,例如Grunt、Webpack、Require.js、Brunchu和Gulp则更加复杂一点。这类工具的目标,是在web开发中帮你完成自动化。有的时候,这类工具所做的事情,被称为“任务(task)”。为了完成这些任务,这类工具经常需要自己的包和插件生态。每一个工具都会使用不同的方式来完成任务。这些工具所做的事情也不尽相同。一些工具,擅长处理那些你所指定的任务,例如Grunt和Gulp等工具。还有一些工具,只只专注于一件事情,例如处理Java的依赖,例如Browserify和Require.js等工具。
有的时候,你在一个项目之中可能需要使用多种工具。例如,我就曾在一个项目中使用了不同的工具来将下列任务进行自动化处理:
1. 在一个文件中替换文本字符串
2. 创建文件夹,并且将文件转移到这些文件夹中
3. 用一条单一命令运行单元测试
4. 在我保存文件的时候刷新浏览器
5. 所有Java文件整合为一个文件,将所有CSS文件整合为一个文件
6. 对所有Java和CSS进行简化处理
7. 在html页面中修改
创客学院职业课程web前端包括了零基础web前端开发从入门到精通视频教程培训,其移动开发前端课程整合了HTML5开发、CSS3基础课程、PHP培训教程、HTML5实例源码及其移动前端交互Java+JQuery+Ajex课程学习,通过HTML5实例教程讲解,让的开发者短期内快速掌握HTML5开发技能。返回搜狐,查看更多
责任编辑: