wswmsword / postcss-mobile-forever

一款 PostCSS 插件,将固定尺寸的视图转为可跟随宽度变化而等比例伸缩的视图。To adapt different displays by one mobile viewport.
https://wswmsword.github.io/examples/mobile-forever/vanilla/
MIT License
325 stars 19 forks source link

`unocss` 利用 `Directives transformer`写的样式 不能转化成 `vw` #47

Open ljt990218 opened 3 months ago

ljt990218 commented 3 months ago

WechatIMG42 WechatIMG43

wswmsword commented 3 months ago

不好意思回的慢了点。。。方便给个最小包不,这个 unocss 我还不太会用。感觉像 postcss 和 unocss 之间执行的顺序有关。

ljt990218 commented 3 months ago

不好意思回的慢了点。。。方便给个最小包不,这个 unocss 我还不太会用。感觉像 postcss 和 unocss 之间执行的顺序有关。

我在下面项目的 src/pages/index.vue 使用了这种写法 我也按你的思路看看 👀 unocss-transformer-test

wswmsword commented 3 months ago

应该是 transformerDirectives 不经过 postcss 转换,要适配貌似要实现一个 unocss 的转换插件。 https://github.com/MellowCo/unocss-preset-weapp/issues/41#issue-1619917172 https://github.com/unocss/unocss/issues/2209 https://github.com/unocss/unocss/issues/2176

ljt990218 commented 3 months ago

明白🫡

wswmsword commented 3 months ago

明白🫡