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

相关推荐
社恐的下水道蟑螂15 分钟前
LangChain 进阶实战:从玩具 Demo 到生产级 AI 应用(JS/TS 全栈版)
前端·langchain·openai
Fairy要carry17 分钟前
项目01-手搓Agent之loop
前端·javascript·python
亲亲小宝宝鸭22 分钟前
Ctrl ACV工程师的提效之路:删掉项目中的冗余
前端
kyriewen25 分钟前
DOM树与节点操作:用JS给网页“动手术”
前端·javascript·面试
米饭同学i29 分钟前
基于腾讯云COS的小程序素材上传功能实现
前端·javascript·react.js
cxxcode29 分钟前
前端性能指标接入 Prometheus 技术方案
前端
辣椒炒代码29 分钟前
🚀 AI Agent 入门实战:基于 LangChain + MCP 构建智能导游助手
前端
ruanCat34 分钟前
前端工程化工具链从零配置:simple-git-hooks + lint-staged + commitlint
前端·git·代码规范
Jackson__1 小时前
AI时代,前端开发者到底还剩下什么?又该往哪里走?
前端·ai编程
C澒1 小时前
微前端容器标准化:容器标准化演进
前端·架构