15、JavaScript与CSS打包工具全解析

JavaScript与CSS打包工具全解析

1. Yarn与依赖管理

升级Yarn不会改变 package.json 文件中的版本字符串，但会改变 yarn.lock 文件。相反，如果更新了 package.json 文件，仍需要运行 yarn upgrade 来下载新版本。若要从应用程序中移除某个包，语法为 yarn remove <package name> ，例如 yarn remove eslint 。

2. esbuild介绍

Yarn帮助我们管理依赖，而esbuild则让我们在代码中引用这些依赖。esbuild用Go语言编写，编译成原生二进制文件，速度极快。网站称其速度是其他工具的“10 - 100倍”，实际测试中，从webpack切换到esbuild，构建过程从约5秒缩短到约0.5秒。此外，esbuild有强大的默认工具集，许多Rails项目无需额外配置即可使用，Rails对esbuild的支持甚至不会创建配置文件。

3. 安装esbuild

可以通过Rails安装程序将esbuild指定为jsbundling工具来安装，这会将esbuild添加到 package.json 文件中，也可以使用 yarn add esbuild 进行安装。同时，在 package.json 文件中添加了一个最小化使用esbuild的脚本：