扣丁学堂HTML5培训教你精通web前端build工具

2019-09-10 11:44:46 3798浏览

我们在web前端开发工作中会用到许多开发工具，熟练使用web前端开发工具对于开发者的工作效率有很大的帮助。web前端build工具是web前端工程师使用率很高的开发工具，本篇文章扣丁学堂HTML5培训小编就来教你精通web前端build工具。

build工具的两大核心功能，就是“安装vs做事”

从本质上说，开发工具做的事情就两个：

帮你安装东西

帮你做事

当你接触到一个新的开发工具的时候，你首先需要搞清楚一个东西：“这个工具的目的是帮我安装东西，还是帮我做事?”

安装类的工具，例如npm、Bower和Yeoman几乎什么东西都能装，它们可以用来安装前端库，例如Angular.js或是React.js。它们还可以为你的开发环境安装服务器。它们可以安装测试库。它们甚至可以帮你安装其他的前端开发工具。简而言之，任何你能想到的与代码有关的东西，它们都能安装。

而帮你做事类的工具，例如Grunt、Webpack、Require.js、Brunchu和Gulp则更加复杂一点。这类工具的目标，是在web开发中帮你完成自动化。有的时候，这类工具所做的事情，被称为“任务(task)”。为了完成这些任务，这类工具经常需要自己的包和插件生态。每一个工具都会使用不同的方式来完成任务。这些工具所做的事情也不尽相同。一些工具，擅长处理那些你所指定的任务，例如Grunt和Gulp等工具。还有一些工具，只只专注于一件事情，例如处理JavaScript的依赖，例如Browserify和Require.js等工具。

有的时候，你在一个项目之中可能需要使用多种工具。例如在一个项目中使用了不同的工具来将下列任务进行自动化处理：

1、在一个文件中替换文本字符串

2、创建文件夹，并且将文件转移到这些文件夹中

3、用一条单一命令运行单元测试

4、在我保存文件的时候刷新浏览器

5、所有JavaScript文件整合为一个文件，将所有CSS文件整合为一个文件

6、对所有JavaScript和CSS进行简化处理

7、在html页面中修改

以上就是扣丁学堂HTML5在线学习小编给大家分享的教你精通web前端build工具，希望对小伙伴们有所帮助，想要了解更多内容的小伙伴可以登录扣丁学堂官网咨询。

想要学好HTML5开发小编给大家推荐口碑良好的扣丁学堂，扣丁学堂有专业老师制定的HTML5学习路线图辅助学员学习，此外还有与时俱进的HTML5课程体系和HTML5视频教程供大家学习，想要学好HTML5开发技术的小伙伴快快行动吧。扣丁学堂H5技术交流群：673883249。

【扫码进入HTML5VIP免费公开课】