功能
构建 Web 应用程序的做法非常多样化。仅在 CSS 方面,就有 SCSS、Less、CSS Modules、PostCSS 以及数百个其他库。React、Vue 和 Svelte 等框架需要自定义设置。
在构建打包器时,我们需要考虑哪些功能将是
- **内置的**: 它们开箱即用,无需配置
- **通过插件提供的**: 通常从注册表安装并配置
- **不可用**: 完全不可用
**Turbopack 处于测试阶段**, 因此这些决定中很少有是板上钉钉的。在当前状态下,**Turbopack 尚未可配置** - 因此插件目前不可用。
让我们讨论一下 Turbopack 默认配置中哪些功能可开箱即用。我们还将简要介绍哪些功能将通过插件可配置。
JavaScript
支持所有 ESNext 功能,Browserslist 和 顶级 await。
TypeScript
开箱即用地支持 TypeScript,包括解析 paths
和 baseUrl
。
Imports
支持 require
、import
、动态导入等等。
Dev Server
我们优化的开发服务器支持热模块替换 (HMR) 和快速刷新。
CSS
支持全局 CSS、CSS 模块、postcss-nested 和 @import
。
Frameworks
了解 Next.js、Svelte、Vue 和 React 服务器组件支持。
Static Assets
支持 /public
目录、JSON 导入以及通过 ESM 导入资产。
Environment Variables
支持通过 .env
、 .env.local
等等使用环境变量。