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

相关推荐
m0_748255261 小时前
前端安全——敏感信息泄露
前端·安全
鑫~阳3 小时前
html + css 淘宝网实战
前端·css·html
Catherinemin3 小时前
CSS|14 z-index
前端·css
2401_882727574 小时前
低代码配置式组态软件-BY组态
前端·后端·物联网·低代码·前端框架
NoneCoder4 小时前
CSS系列(36)-- Containment详解
前端·css
anyup_前端梦工厂5 小时前
初始 ShellJS:一个 Node.js 命令行工具集合
前端·javascript·node.js
5hand5 小时前
Element-ui的使用教程 基于HBuilder X
前端·javascript·vue.js·elementui
GDAL5 小时前
vue3入门教程:ref能否完全替代reactive?
前端·javascript·vue.js
六卿5 小时前
react防止页面崩溃
前端·react.js·前端框架
z千鑫5 小时前
【前端】详解前端三大主流框架:React、Vue与Angular的比较与选择
前端·vue.js·react.js