Turbopack 功能
开发 Web 应用的方式形形色色,光 CSS 而言,就要 SCSS、Less、CSS Modules、PostCSS 等成百上千的 Library 可供选择。而对于 React、Vue 和 Svelte 这些框架就需要额外的配置。
我们在开发构建工具时,需要考量功能要如何开发:
- 内置功能: 开箱即用,无需配置
- 通过插件: 通常从包管理器安装,并经过了配置
- 不支持: 完全不支持此功能
Turbopack 处于 alpha 阶段,所以只有极少的功能确定了开发方案。就目前来说, Turbopack 还不能够进行配置,因此还不支持插件.
让我们了解下,在 Turbopack 哪些功能是开箱即用的,同时也会提及哪些功能可以使用插件引入。
JavaScript
支持 ESNext 所有功能、Browserslist 和 top-level await。
TypeScript
TypeScript 开箱即用,包括 paths
and baseUrl
解析。
模块导入
支持 require
、import
、动态导入等。
开发服务器
经过优化的开发服务器支持热模块重载(HMR) 和快速刷新。
CSS
支持全局 CSS,、CSS Modules、@import
,并内置了 PostCSS。
框架
了解关于 Next.js、 Svelte、Vue 和 React 服务端组件相关支持。
静态资源
支持 /public
目录、JSON 导入,以及使用 ESM 导入静态资源。
环境变量
支持通过 .env
、.env.local
等配置环境变量。