15、前端资源打包与管理工具全解析

前端资源打包与管理工具全解析

1. Yarn 与 esbuild 基础

1.1 Yarn 操作

Yarn 在前端项目中用于管理依赖。升级 Yarn 时， package.json 文件中的版本字符串不会改变，但 yarn.lock 文件会更新。若更新了 package.json 文件，还需运行 yarn upgrade 来下载新版本。若要从应用中移除某个包，使用 yarn remove <package name> 命令，例如 yarn remove eslint 。

1.2 esbuild 简介

esbuild 用于在代码中引用依赖。它用 Go 语言编写并编译为原生二进制文件，速度极快，官网称其速度是其他工具的 10 - 100 倍。在小型应用中，从 webpack 切换到 esbuild 后，构建过程从约 5 秒缩短至约 0.5 秒。而且 esbuild 有强大的默认工具集，许多 Rails 项目无需额外配置即可使用，Rails 对 esbuild 的支持甚至不会创建配置文件。

1.3 esbuild 安装

可通过 Rails 安装程序指定 esbuild 作为 jsbundling 工具来安装，它会被添加到 package.json 文件中，也可以使用 yarn add esbuild 进行安装。同时，在 package.json