因此在前端工程化中,自动化是最为关键也是最为重要的,前端自动化可以更加清楚的区别出工程化项目和非工程化项目,在项目开发的过程中也有着重要作用。但是在市面一个是有多种自动化构建方案,一个是为了推进前端工程化,因此本课题将会主要讨论前端的几种自动化构建工具分析目前市面上流行的前端自动化构建工具的优劣,以及如何选择更好更适合自己开发项目的构建方案。
在如今的前端开发中,无论何种项目都已经离不开对项目进行打包、合并、压缩等操作,随着互联网时代的兴起,用户对网页打开的效率、速度以及程序员对于开发工作时的高效率要求也越来越高。而这就要求前端项目需要高标准、模块化、优化好等。如今前端开发已不是作坊式的简单的堆砌作业,而是成为了一个复杂的工程,与此同时也涉及到了性能优化等一系列工作。通过前端的自动化构建,就可以省去开发过程中大量的重复乏味的操作,来提高生产力,使人能将更多的时间的精力放到其他有意义的事情上。因此在前端项目的构建中,选择一个好的自动化构建方案已经是不可或缺的一环。
如今的市场中存在着大量的自动化构建工具,以及一些其他的可以实现自动化构建的方案。例如进行代码压缩、资源合并的gulp、grunt、fis等,通过模块化实现项目构建的webpack,也有直接通过node.js、npm scripts来自己编写构建脚本的方案。而一个好的方案也将会在整个开发周期中起到至关重要的作用。
本课题通过资料研究和调研将选择如今市场使用率最高也是开发者最为普遍认可的自动化构建工具Grunt和gulp作为研究对象,来研究在前端项目中如何实现自动化构建。主要的研究方向是这样的:
(1)研究他们的原理和实现方式,深入了解和学习如何使用这些工具。
(2)从功能、特性、性能、配置难易度、学习成本和插件的丰富度等进行探讨和正面比较。对比他们的在主要思想和架构的不同,对比他们在使用时有什么区别,以及我们应该如何选择这些工具进行开发。
(3)讨论如何在我们的实际项目合理运用这些工具。如何去通过他们来提高我们项目开发效率,如何通过它们来减少我们的重复工作和麻烦。令前端项目实现高度的工程化。
在前端项目中,开发者希望可以实现质量高,构建规范的,可以进行高效维护的软件项目,而通过使用自动化工具可以帮助我们来完成这个期望。同时随着web技术的飞快发展越来越的项目也将体会到前端工程化所带来的好处。
1.4 论文结构
本论文主要分为六章进行阐述,下面我将对各章节的主题内容做一下简单介绍,以帮助读者可以更好的理解论文内容。
第一章是绪论,绪论中主要将了文章的研发背景和研究意义,探讨前端技术和发展历史,以及延伸出前端工程化的概念和自动化的意义。
第二章是关于前端自动化介绍。首先是概述了自动化是如何演变而来的,然后解释了关于前端自动化的几个关键技术,例如node.js、npm等。
第三章是对前端自动化方案进行讨论和研究,主要探讨和比较了gulp和grunt有何异同。文献综述
第四章则是利用自动化构建来实现自己的前端工程项目,主要目的则是为了验证课题的实际操作性和可用性。
第五章是总结,总结在课题过程遇到的难题和整个论文研究的过程所学习到东西。
第六章是致谢部分。
2 前端自动化介绍和技术分析