wswmsword / postcss-mobile-forever

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

postcss-mobile-forever 报错要求依赖 PostCSS 8 #8

Closed wswmsword closed 11 months ago

wswmsword commented 1 year ago
          @wswmsword 你试试低版本的node10.19.0  因为相关关联的node-sass等 引入的依赖包都是以低版本node为标准的 vue2.6.11+vant2.12.47

Originally posted by @zhuweilong in https://github.com/wswmsword/postcss-mobile-forever/issues/2#issuecomment-1560318986

wswmsword commented 1 year ago

@zhuweilong 方便贴下 package.json 吗 最好再加上控制台报错信息或者截图

wswmsword commented 1 year ago

这两天比较忙,我会尽快看的,你这个依赖太多了,现在我也复现不起来,之后我把自己范例的版本先降了试一下。应该是只有版本号报错吧?有编译时候的报错吗?

zhuweilong commented 1 year ago

@wswmsword 本地开发就启动不起来

wswmsword commented 1 year ago
PostCSS plugin postcss-mobile-forever requires PostCSS 8

是这样的报错吗

zhuweilong commented 1 year ago

@wswmsword 对的是这个

wswmsword commented 1 year ago

好的,我最近再写一个支持 PostCSS 8 之前版本的,发布之后通知你

wswmsword commented 1 year ago

@zhuweilong 试一下用下面的命令来安装:

npm install postcss-mobile-forever@legacy --save-dev

这个 legacy 版本的包里依赖小版本的 PostCSS(大于 v6.0.0)。

zhuweilong commented 1 year ago

@wswmsword npm install postcss-mobile-forever@legacy --save-dev 这个可以使用 但是发现postcss-px-to-viewport selectorBlackList里定义的类 也会转换成vw单位

wswmsword commented 1 year ago

对,入参和 postcss-px-to-viewport 不共享的,可能 mobile-forever 先执行就先做了转换了,你可以把 px-to-viewport 的 selectorBlackList 也作为入参复制一份到 mobile-forever 里。

或者给我下您的 px-to-viewport 配置,我帮你转成 mobile-forever 的配置,就可以不用 px-to-viewport 了。