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

相关推荐
泯泷4 分钟前
「译」解析 JavaScript 中的循环依赖
前端·javascript·架构
抹茶san7 分钟前
前端实战:从 0 开始搭建 pnpm 单一仓库(1)
前端·架构
Senar34 分钟前
Web端选择本地文件的几种方式
前端·javascript·html
烛阴1 小时前
UV Coordinates & Uniforms -- OpenGL UV坐标和Uniform变量
前端·webgl
姑苏洛言1 小时前
扫码小程序实现仓库进销存管理中遇到的问题 setStorageSync 存储大小限制错误解决方案
前端·后端
烛阴1 小时前
JavaScript 的 8 大“阴间陷阱”,你绝对踩过!99% 程序员崩溃瞬间
前端·javascript·面试
lh_12542 小时前
ECharts 地图开发入门
前端·javascript·echarts
jjw_zyfx2 小时前
成熟的前端vue vite websocket,Django后端实现方案包含主动断开websocket连接的实现
前端·vue.js·websocket
Mikey_n2 小时前
前台调用接口的方式及速率对比
前端
周之鸥2 小时前
使用 Electron 打包可执行文件和资源:完整实战教程
前端·javascript·electron