为什么需要构建工具？

• 转换 ES6 语法
• 转换 JSX
• CSS 前缀补全/预处理器(LESS/SASS)
• 压缩混淆
• 图片压缩

构建演变发展

从早期的 HTML+JS+切图+CSS 在线压缩资源文件等，再到 YUI Compressor 进行压缩；requirejs 等模块化概念提出后逐渐演变到 grant，打包过程中会将打包结果暂时存储在本地磁盘中，因为磁盘 IO 的问题，打包速度较慢；后来产生 gulp，将结果存放在内存中，不经过磁盘 IO，加速打包速度，同期百度推出的 fis3 打包工具；现阶段使用最为广泛的为 webpack、rollup、parcel、vite 等。