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

vue-cli + vue2 + vant2 + postcss-px-to-viewport 不生效 #13

Open sizhuxuan opened 1 year ago

sizhuxuan commented 1 year ago

我前段时间使用vite + vue3 + vant4 + postcss-px-to-viewport 根据example-with-postcss-px-to-viewport-vue中的配置，是生效的。这个有一个老的vue2项目，我根据example都试了一编，都没生效，不知道怎么回事

wswmsword commented 1 year ago

你安装的 mobile-forever 版本号是多少，example 里用的 mobile-forever 是 2.4.1

wswmsword commented 1 year ago

方便的话可以把 postcss 配置和 package.json 版本号情况发给我参考一下

wswmsword commented 1 year ago

如果安装的 4.0 的 mobile-forever 的话，配置要更新，有些属性名称变了，我更新了一下 example-with-postcss-px-to-viewport-vue，原来这个范例用的版本是 2.4.1，现在更新成最新的 4.0 了。

mq931001 commented 7 months ago

"postcss": "^8.4.38", postcss-px-to-viewport": "^1.1.1", "postcss-mobile-forever": "^4.1.2", "vue": "^2.6.11",

我这安装完 就报Syntax Error: Error: PostCSS plugin postcss-mobile-forever requires PostCSS 8. Migration guide for end-users: 这个错误

wswmsword commented 7 months ago

@mq931001 你好，可能是因为老版本的 Vue 项目依赖的 PostCSS 不是最新的版本，您试下这个应该可以：

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

这个版本的 mobile-forever 依赖老版本的 PostCSS。

mq931001 commented 7 months ago

可以了 成功了 谢谢