升级 Docusaurus 到 3.6,打包速度只需 5 秒钟
2024年11月 · 预计阅读时间: 1 分钟
这几天我把 Docusaurus 升级到了 3.6,主要是因为这个版本引入了 Rspack 和 SWC 等库,把打包速度提升了好几倍。以前打包大概要一两分钟,现在只需要五六秒就搞定了!
升级过程其实很简单,就是在 package.json
里把版本号改成最新的 3.6.1(当下最新版)。
"@docusaurus/core": "3.6.1",
"@docusaurus/plugin-debug": "3.6.1",
"@docusaurus/plugin-ideal-image": "3.6.1",
"@docusaurus/preset-classic": "3.6.1",
"@docusaurus/remark-plugin-npm2yarn": "3.6.1",
"@docusaurus/theme-common": "3.6.1",
"@docusaurus/theme-live-codeblock": "3.6.1",
"@docusaurus/utils": "3.6.1",
"@docusaurus/utils-common": "3.6.1",
然后呢,要用上这个快速打包功能,还得额外装个 @docusaurus/faster
插件,它可以按需启用,不会破坏现有代码。
首先,用 Yarn 安装这个插件:
yarn add @docusaurus/faster
然后,在 docusaurus.config.js
里加一行配置,把 future.experimental_faster
设为 true
就好了:
module.exports = {
// ...其他配置
future: {
experimental_faster: true,
},
};
这样就能开启快速打包,启用了 SWC 和 Rspack 等技术。
然后我们运行构建命令:
yarn build
可以看到打包速度真的快了很多!强烈推荐升级一下,绝对能提升你的开发效率!