UnoCSS 0.52.x:uno.config.ts 文件配置了但是不生效的问题

发布时间 2023-06-01 17:24:55作者: Himmelbleu

今天更新了 UnoCSS 版本到 0.52.7 版本,现在也有了官方文档,推荐通过 defineConfig 对 UnoCSS 进行配置。

一些官方提供的、默认的规则都可以正常使用,但是对于一些自定义的规则和 shortcuts 就不起作用了。最终发现的问题是,不管在 src 目录下还是在项目根目录下写 uno.config.ts 文件都不会被载入进来。

所幸,UnoCSS - Config File 文档中有提供指定配置文件路径的选项,这才被识别到。

// vite.config.ts

export default defineConfig({
  plugins: [
    vue(),
    UnoCSS({
      configFile: './src/uno.config.ts'
    })
  ]
});

但是呢,官方文档说了可以自动识别到我们项目下面的 uno.config.tsunocss.config.ts 的文件,可能是这个版本的 BUG 吧。

By default, UnoCSS will automatically look for uno.config.{js,ts,mjs,mts} or unocss.config.{js,ts,mjs,mts} in the root directory of your project.