今天更新了 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.ts
、unocss.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.