postcss-loader

postcss-loader 是一个 webpack 的 loader，用于将 CSS 进行后处理。它可以自动添加浏览器前缀、压缩 CSS 代码、支持使用 CSS 预处理器（如 Sass、Less）、支持使用 CSS Modules 等。通过 postcss.config.js 配置文件，可以对 postcss 进行更加灵活的配置，例如使用特定的插件、配置浏览器兼容性等。它可以帮助开发者更加高效地编写 CSS 代码，并且提高代码的可维护性和可读性。

相关问题

npm i postcss postcss-loader postcss-px-to-viewport -D。

可以通过执行以下命令来安装所需的依赖项：npm i postcss postcss-loader postcss-px-to-viewport -D。 这将安装postcss，postcss-loader和postcss-px-to-viewport模块。这些模块是用于处理CSS中的像素单位转换的工具。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [移动端适配 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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [postcss-px2viewport:PostCSS的插件，可生成rem版本，vm版本以及@ 1x，@ 2x和@ 3x样式表](https://download.csdn.net/download/weixin_42116672/18310369)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

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

这样就可以解决这个问题了。