search

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

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 了。