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

相关推荐
coderyi3 小时前
LLM Agent 浅析
前端·javascript·人工智能
科雷软件测试3 小时前
使用python+Midscene.js AI驱动打造企业级WEB自动化解决方案
前端·javascript·python
ConardLi3 小时前
把 Claude Design 做成 Skill,你的网站也能拥有顶级视觉体验
前端·人工智能·后端
We་ct3 小时前
LeetCode 120. 三角形最小路径和:动态规划详解
前端·javascript·算法·leetcode·typescript·动态规划
IT_陈寒4 小时前
React状态更新那点事儿,我掉坑里爬了半天
前端·人工智能·后端
cwxcc4 小时前
Google Core Web Vitals(核心网页指标)
前端·性能优化
|晴 天|4 小时前
Vue 3 + LocalStorage 实现博客游戏化系统:成就墙、每日签到、积分商城
前端·vue.js·游戏
逾明5 小时前
Claude Code及Codex的MCP安装和Mastergo MCP的使用
前端·mcp
LovroMance5 小时前
如何进行组件封装
前端