? Webpack 知识图谱：模块化、基础概念、工作原理、实战应用

Vite 官方中文文档 下一代前端开发与构建工具

Webpack 是一个前端资源加载/打包工具，它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。

基于 rollup 和 babel 的打包工具

零配置打包工具

⚡️ A curated list of awesome things related to Vite.js

Gulp.js 是一个自动化构建工具，开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js 是基于 Node.js 构建的，利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。Gulp.js 源文件和你用来定义任务的 Gulp 文件都是通过 JavaScript（或者 CoffeeScript ）源码来实现的。

Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码

Babel 是一个 JavaScript 编译器

Umi 以路由为基础的，同时支持配置式路由和约定式路由，保证路由的功能完备，并以此进行功能扩展。然后配以生命周期完善的插件体系，覆盖从源码到构建产物的每个生命

Gulp.js 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。

微信团队推出的跨终端的前端工作流开发工具。

面向前端的工程构建系统。解决前端工程中性能优化、资源加载等问题。

一个非常快速、零配置的 WEB 应用打包工具。

无需配置文件快速创建 React 应用

Yeoman提供了自动化开发流程的一整套工具。

Grunt是基于Node.js的项目构建工具，它可以自动运行你所设定的任务。