摘要： 随着互联网时代高潮的来临，web网页也迎来了飞快的发展。首先是用户对于网页应用的功能和页面样式要求越来越高，其次对于页面性能的追求也是在与日俱增，因此，前端项目也变得愈加庞大。而为了提高开发效率，新的框架和技术也应运而生。前端自动化构建工具就是为了应对如今日益复杂的前端项目而诞生一种的可以提高性能和效率的前端工具。本论文的目的旨在于研究目前市面上主要的前端自动化构建工具gulp、grunt使用方法，讨论他们的异同与优缺点。通过调研的数据和近年来发展的趋势来进行对比市面上的使用情况。然后通过简单的自动化构建对他们进行对比。在分别举出使用他们时的不同点。通过以上对比我们将得出在各个方面他们的主要优点，以及如何为自己手上的项目选择合适的前端自动化构建工具。文论中的选择建议主要是为了帮助开发者能够的在自己的前端项目架构时选择更好的构建工具。最后论文将使用gulp实现一个复杂的网页项目——“线上考试系统”。它将详细的展示出如何使用gulp完成前端项目的构建，并且验证在实际项目中研究的可行性。为前端自动化构建提供一个很好的解决方案实例。71099

毕业论文关键词： web开发；前端自动化构建；gulp；grunt

Research on Web Front-end Automating Task Runner

Abstract: With the advent of the Internet era climax, web pages also ushered in the rapid development. First of all, users of the web application functions and page style requirements are getting higher and higher, followed by the pursuit of the performance of the page is also growing, so the front-end projects have become increasingly large. In order to improve the efficiency of development, new framework and technology also came into being. Front-end task runner are designed to deal with today's increasingly complex front-end projects and the birth of a kind of front-end tools can improve performance and efficiency. The purpose of this paper is to study the main front-end task runner such as gulp, grunt to discuss their similarities and differences. Through the research data and the trend of development in recent years to compare the use of the market. And then through the same simple front page in the comparison of their implementation efficiency at run time. In the different points when using them separately. Through the above comparison we will draw on their main advantages in all aspects, and how to choose the appropriate front-end automation building tools for their own hands. The choice of choice in literary theory is mainly to help developers in their own front-end project architecture to choose a better build tool. The final paper will use gulp to implement a complex front-end project - the "front-end online test system". It will show in detail how to use gulp to complete the front-end project construction, and verify the feasibility of the study in the project. Providing a good solution for front-end automation.

Keywords: web development; front-end task runner; gulp; grunt

目录

摘要 i

Abstract i

目录 iii

1 绪论 1

1.1 研究背景 1

1.2 国内外发展现状研究 3

1.2.1 前后端混合开发 3

1.2.2 前后端分离开发 6

1.2.3 前端工程化 11

1.2.4 小结