写点什么

前端构建工具用得好,构建速度提升 10 倍

作者:秃头小帅oi
  • 2024-06-17
    福建
  • 本文字数:1411 字

    阅读完需:约 5 分钟

前端构建工具用得好,构建速度提升 10 倍

今天来盘点一下前端构建工具。

Turbopack

Turbopack,由 Vercel 开源,是下一代高性能的 JavaScript 应用构建工具,目前用于 Next.js 中。Turbopack 旨在通过革新 JavaScript 应用的打包流程来显著提升应用性能,它专注于缩短加载时间,降低 CPU 和网络资源的使用,并减小应用的体积和启动时间。

Vercel 宣称 Turbopack 是 Webpack 的继任者,用 Rust 编写,其在大型应用中的表现令人瞩目,展现了相较于 Vite 快 10 倍、相较于 Webpack 快达 700 倍的速度。

Turbopack 颠覆了传统 JavaScript 打包工具(如 webpack、Rollup)的使用体验,它无需用户手动创建复杂的配置文件或处理繁琐的插件和依赖关系。相反,它通过智能分析应用并自动检测运行时所需特性,来精准确定依赖项,并使用高效的 JavaScript 模块打包器 Rollup 进行打包。


图片


Rollup

Rollup 是一个 JavaScript 模块打包器,可以将 JavaScript 模块打包成单个文件。与其他打包工具相比,Rollup 更加注重 ES6 模块的支持,可以将 ES6 模块转换成 ES5 模块,并可以进行 tree-shaking 优化,减小打包后文件的体积。Rollup 的目标是产生更小、更快、更高效的代码,因此在构建 JavaScript 库时非常有用。


图片


Nx

Nx 是一个具有内置工具和高级 CI 功能的构建系统。它可以在本地和 CI 上维护和扩展 monorepos。

Nx 的核心功能包括:高效并行执行任务并依据依赖关系智能排序,通过在多台虚拟机间分发任务以优化大型仓库的 CI 性能,利用本地和远程缓存机制避免重复执行,自动拆分大型端到端测试并智能识别重跑不稳定的测试,支持通过插件实现代码库和依赖项的自动更新,以及提供高度的可定制性和可扩展性,允许用户创建并分享自定义插件以满足特定需求。


图片


Rspack

Rspack 是由字节跳动 Web Infra 团队孵化的基于 Rust 语言开发的 Web 构建工具。它拥有高性能、兼容 Webpack 生态、定制性强等多种优点,旨在打造高性能的前端工具链。


图片


JNPF

一个轻量级的低代码开发平台,立足于低代码开发技术,采用主流的两大技术 Java/.Net 开发,专注低代码开发,有拖拽式的代码生成器,灵活的权限配置、SaaS 服务,强大的接口对接,随心可变的工作流引擎。支持多端协同操作,100%提供源码,支持多种云环境部署、本地部署。

开源地址:https://www.yinmaisoft.com

基于代码生成器,可一站式开发多端使用 Web、Android、IOS、微信小程序。代码自动生成后可以下载本地,进行二次开发,有效提高整体开发效。像“乐高”一样设计你的门户,依然是拖拽式开发,可一站式搭建:生产管理系统、项目管理系统、进销存管理系统、OA 办公系统、人事财务等等。可以节省开发人员 80%时间成本,并且有以构建业务流程、逻辑和数据模型等所需的功能。



Rolldown

Rolldown 是 Vue 团队近期开源的一个用 Rust 编写的 JavaScript 打包器,它提供了与 Rollup 兼容的 API 和插件接口,但在功能范围上与 esbuild 更相似。

Rolldown 旨在作为 Vite 未来使用的底层打包器,以替换现在的 Rollup,也可以作为单独的构建工具使用,目前处于开发阶段,尚不可用于生产环境。


图片


Farm

Farm 是国内个人开发者开发的一个使用 Rust 编写的极速 Web 构建工具,兼容 Vite 插件生态。Farm 设计为极速、强大、一致的构建工具,旨在提供更好的 web 开发体验,是真正意义的下一代构建工具。


图片


Rsbuild

Rsbuild 是基于 Rspack 的 Web 构建工具,是一个增强版的 Rspack CLI,更易用、更开箱即用。作为 Rspack 团队对 Web 构建最佳实践的探索,Rsbuild 提供从 Webpack 到 Rspack 的顺畅迁移方案,大幅减少配置需求,提升构建速度达 10 倍。

用户头像

摸个鱼,顺便发点有用的东西 2023-06-19 加入

互联网某厂人(重生版)

评论

发布
暂无评论
前端构建工具用得好,构建速度提升 10 倍_秃头小帅oi_InfoQ写作社区