import postcssPxToViewport8Plugin from ‘postcss-px-to-viewport-8-plugin‘;

npm 命令行:

npm i postcssPxToViewport8Plugin

package.json插件的版本:

**重点:**引入插件的两种方式

postcss-px2rem-exclude配置 postcss.config.js无效

为什么引入插件不生效?

发现没有效果,然后然后百度网上资料发现发现。。。

需要注意的是:上述配置是脚手架自动生成的文件(并不是自己创建的),即在构建项目时,将babel的配置成单独的文件才可以,否则只能在配置文件来配置。

配置文件:

1.移动端在package.json配置

2.电脑端在vite.config.js或vue.config.js配置

对比:

1.引入位置的不同

备注:如果在构建项目的时候没有将babel单独配置,那么就是不能通过创建postcss.config.js 文件的形式配置

网上搜索的插件:px转rem 或 px转vw

1.postcss-px2rem-exclude

2.postcssPxToViewport8Plugin

相关推荐
超级白的小白29 分钟前
React#310错误问题总结
前端·react.js
摆烂工程师35 分钟前
Google One AI Pro 的教育学生优惠即将在六月底结束了!教你如何认证Gemini学生优惠!
前端·人工智能·后端
前端工作日常37 分钟前
Benchmark.js 入门指南:深入解析性能测试
前端
wordbaby1 小时前
🔍 React Router v7 的类型生成机制
前端·react.js
rookiefishs1 小时前
一个在electron中强制启用触摸模式🤚🏻的方法
前端·javascript·vue.js
Android洋芋1 小时前
Android的资源管理规范
前端
深呼吸9931 小时前
如何用div手写一个富文本编辑器(contenteditable="true")
前端·vue.js
小赵学鸿蒙2 小时前
CodeGenie 工具功能汇总
前端
叫一只猪2 小时前
基于Antd+Dumi搭建组件库
前端·前端框架
LovelyAqaurius2 小时前
WebGL详解Part2:着色器的奥秘
前端