Skip to content

打包构建工具学习指引

前端基建的未来?带你入门开发 Rust 前端工具链! - 掘金 (juejin.cn)

项目打包构建工具

1、Webpack Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。

2、Grunt Grunt 是基于 Node.js 的项目构建工具。它可以自动运行你所设定的任务。Grunt 拥有数量庞大的插件,几乎任何你所要做的事情都可以用 Grunt 实现。

3、Gulp.js Gulp.js - 基于流(stream)的自动化构建工具。Grunt 采用配置文件的方式执行任务,而 Gulp 一切都通过代码实现。

4、Rollup Rollup 是一个 javascript 模块打包工具,可以将小块代码编译成大块复杂的代码。

5、Parcel Parcel - 极速、零配置的 web 应用打包工具。

6、Rome.js Rome 是一个完整的 JavaScript 工具链。它囊括了编译器、语法检查器、格式化程序、打包工具、测试框架等等。Rome 旨在成为处理 JavaScript 源代码的综合工具。

7、Browserify browserify是用于为浏览器编译节点风格的 commonjs模块的工具 。

8、Brunch 快速的前端Web应用程序构建工具,具有简单的声明性配置和无缝的增量编译功能,可实现快速开发。

9、Broccoli Broccoli是一个JavaScript构建工具。构建工具是一种软件,负责将您的应用程序资产(JavaScript,CSS,图像等)组装成某种可分发的形式,通常在浏览器中运行。通过模块化插件体系结构,所有配置均在JavaScript中完成(无混乱/混乱的配置文件)。

webpack和rollup的区别

snowpack和vite的区别

Released under the MIT License.