@ better-cs-moules/ 涡轮包
Next.js (Turbopack) 为更好的cs-模块集成. 它会产生 .d.ts cSS 模块的文件,当 Next.js 装入其配置时, 保持它们同步 next dev,并将每个模块放入级联层中配置名称.
安装
pnpm add -D @better-css-modules/turbopack @better-css-modules/core @better-css-modules/cli
配置文件导入 defineConfig 从 @better-css-modules/core,则CLI运行 check。融合需要下一个.js 16.
使用量
// next.config.ts
import type { NextConfig } from "next";
import { withBetterCssModules } from "@better-css-modules/turbopack";
const nextConfig: NextConfig = {
reactStrictMode: true,
};
export default withBetterCssModules(nextConfig);
withBetterCssModules(nextConfig?, { config? }) 返回 Async 配置函数。 把它放在其他每个包装器外,围绕他们返回的配置对象:一个只取一个对象不能取一个功能的包装器. config 是要使用的配置文件,相对于工作目录;默认是 better-css-modules.config.* 在这里.
- 当 Next.js 在开发服务器或生产构建阶段加载其配置时, 如
next dev, (中文(简体) ),next build财务报告和审定财务报表next typegen做,它读取配置并生成每个.d.ts一次 一次吗 在任何其他阶段,它都会像现在这样离开Next.js配置. - 在开发服务器阶段,如
next dev一个监视者带来.d.ts的样式表。 这并不能维持这一进程. - 无法装入的配置拒绝配置函数, 它会停止 Next.js 。 报告不解析的样式表及其
.d.ts和以前一样. - 只有当配置命名时
layer是否添加加载器到turbopack.rules["*.module.css"],将每个包含的模块放入层中。 装入器在已经装入该密钥的加载器之前运行,并将文件 CSS 模块保存在自己的名下;它拒绝该密钥下的多条规则列表. 当它的一个文件改变时,它再次读取全球CSS. - 更好的 Css- 模块配置在 Next.js 装入时被读取, 因此重新启动
next dev修改后.
这些类型是在这里生成的,而不是在加载器中生成的,因为涡轮包的持续缓存会跳过加载器,用于没有变化的文件. 集成不检查; 运行 better-css-modules check 为了他们.
配置
设置进入 better-css-modules.config.ts; 参见项目 README 设置下一个.js,包括: tsconfig.json,则 配置 财务报告和审定财务报表 级联层。 。 。 .
许可证
麻省理工学院