@ better-cs-moules/vite (英语)

用于更好cs-模块的 Vite 插件 。 它会产生 .d.ts 用于 CSS 模块的文件,当dev 服务器或构建开始时,在dev 服务器运行时保持它们同步,并将每个模块放入级联层中的配置名称.

安装

pnpm add -D @better-css-modules/vite @better-css-modules/core @better-css-modules/cli

配置文件导入 defineConfig 从 @better-css-modules/core,则CLI运行 check。插件需要 Vite 8.

使用量

// vite.config.ts
import { defineConfig } from "vite";
import betterCssModules from "@better-css-modules/vite";

export default defineConfig({
  plugins: [betterCssModules()],
});

这些类型是每个配置的每个进程生成的,但无论Vite创建了许多环境,也无论Vitest运行了许多项目。 dev 服务器在开始时读取配置;在更改配置后重新启动.

维特+与 vite 化名为核心

插件声明 vite ^8.0.0 作为同伴的依赖。 宣布的 Vite+ 项目 vite 作为Vite+核心的别名,例如: "vite": "npm:@voidzero-dev/[email protected]" 在目录中,安装一个自定义版本超出该范围的软件包。 pnpm 然后将端点报告为未满足, 就像每个 Vite 插件一样, npm 停止使用 ERESOLVE。 。 。 . vp migrate 为您放松对等器;如果您自己设置了化名,也做同样的事情.

随着pnpm,在 pnpm-workspace.yaml数字 :

peerDependencyRules:
  allowAny:
    - vite
  allowedVersions:
    vite: "*"

使用 npm, 覆盖 vite 其同名词在 package.json数字 :

{
  "overrides": {
    "vite": "npm:@voidzero-dev/[email protected]"
  }
}

配置

插件使用一个选项, 相对于工作目录的配置文件 : betterCssModules({ config: "apps/web/better-css-modules.config.ts" })。默认情况下,它读取 better-css-modules.config.* 在工作目录中, CLI 读取的相同文件。 配置文件的目录是工程根,以及 include, (中文(简体) ), outDir 并且查找源头会留在里面,所以将配置放入一个目录中,该目录会保存样式表和源头。 参见项目 README 快速启动,设置 tsconfig.json,则 配置 财务报告和审定财务报表 级联层。 。 。 .

许可证

麻省理工学院