postcss-pxtorem 插件没有让 node_modules 里面的 px 转换成 rem
时间: 2024-06-13 20:01:29 浏览: 16
postcss-pxtorem 是一个 PostCSS 插件,用于将 CSS 中的像素单位 px 转换为 rem 单位。它的使用非常简单,只需要在项目中安装该插件并在 postcss.config.js 中进行配置即可。
如果你已经按照正确的方式安装和配置了 postcss-pxtorem 插件,但是却没有发现 node_modules 里面的 px 被转换成了 rem,可能有以下几个原因:
1. 你没有正确引入该插件,可以检查一下是否在 postcss.config.js 中正确配置了该插件。
2. 你没有在 CSS 文件中使用 px 单位,可以检查一下你的 CSS 文件中是否存在 px 单位。
3. 你没有设置正确的转换参数,可以检查一下你在配置文件中设置的参数是否正确。例如,你可能需要设置 rootValue 参数以指定基准值。
如果以上原因都不是问题所在,你可以尝试在项目中创建一个简单的 demo 来测试该插件是否工作正常,以便更好地排查问题。
相关问题
vue 安装了postcss-loader 并配置了 postcss-pxtorem ,然后删除了postcss-loader和postcss-pxtorem,项目再启动会报错Loading PostCSS "postcss-pxtorem" plugin failed: Cannot find module 'postcss-pxtorem'
如果你在安装了 `postcss-loader` 和 `postcss-pxtorem` 后又删除了它们,再次启动项目时会出现 "Loading PostCSS "postcss-pxtorem" plugin failed: Cannot find module 'postcss-pxtorem'" 的错误信息。
这是因为在你的项目中仍然存在配置文件或依赖项引用了 `postcss-pxtorem` 插件,但是你已经将该插件从项目中删除了。
你需要做以下两件事情来解决这个问题:
1. 在你的项目中搜索 `postcss-pxtorem`,找到并删除所有使用该插件的配置文件或依赖项。例如,在 webpack 配置文件中删除 `postcss-pxtorem` 插件的配置。
2. 在项目根目录下执行以下命令,清除缓存并重新安装依赖:
```
npm cache clean --force
rm -rf node_modules
npm install
```
这样就可以解决这个问题了。
postcss-pxtorem exclude忽略文件
根据引用中的信息,postcss-pxtorem插件可以通过配置exclude属性来排除某个文件夹下的所有CSS文件,使其不进行从px到rem的转换。具体配置方法可以参考webpack配置或新建一个postcss.config.js文件。在配置中,可以将exclude属性设置为所需排除的文件夹路径,例如/node_modules,这样就可以忽略该文件夹下的所有文件。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [移动端适配 rem、postcss-pxtorem、postcss-px-to-viewport、vw vh](https://blog.csdn.net/xuyanl/article/details/129499800)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* [使用postcss-plugin-px2rem和postcss-pxtorem(postcss-px2rem)-px自动转换rem的配置方法-vue-cli3.0](https://blog.csdn.net/JackieDYH/article/details/115463646)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]