unocss-applet/unocss-applet

关于语法兼容性

KeJunMao opened this issue · 1 comments

i-carbon:logo-github // 写死 ok,动态不可以会编译为 `i-carbon logo-github`
dark:i-carbon:logo-github // not ok
i-carbon-logo-github // ok
// 这种我怀疑是因为用`:`分割导致的?

dark:bg-[#eee] color-[#000] // no ok, 直接整个 view 元素样式失效
dark:bg-gray // ok
// 这种是没处理 Arbitrary values 吗

第一次编译是可以的,然后稍微修改一下,就不可以了

还会导致 vscode 的 unocss 插件语法高亮失效

const isApplet = process.env?.UNI_PLATFORM?.startsWith("mp")
export default defineConfig({
...
    transformerApplet({
      enable: isApplet,
    }),
...
})

这个配置看似没毛病,但是,对于 vscode unocss 插件来说 isApplet 是 undefined ,然后 transformerApplet 插件的 enable 值为 true (?? 语法导致的)

应该改写为

const isApplet = process.env?.UNI_PLATFORM?.startsWith("mp") ?? false;

这样就不会在语法高亮提示的时候走 transformerApplet

这是关于 vscode ,应该新开个 issue 讨论,或者直接写 readme 里