【vue】postcss-px2rem，postcss-px2rem-exclude，postcss-plugin-px2rem排除src下的文件

---

前言

现在需要在一个h5web项目里面加个pc端的页面，然后写的时候发现里面引用了postcss-px2rem。

开始项目里面配置的是postcss-px2rem；
但是发现自己新写的页面里面Px都变成了rem，然后搜到了postcss-px2rem-exclude；
接着，发现postcss-px2rem-exclud只能排除node_module下的文件，又搜了很久之后，发现了postcss-plugin-px2rem。
https://blog.csdn.net/qq_33144001/article/details/101029955

代码示例

我这里没添加rem.js等配置，只改动了这一个文件。
每次改动需要重新启动项目才会生效。
exclude下的配置不能是字符串：‘abc’

.postcssrc.js

module.exports = {
  "plugins": {
    // to edit target browsers: use "browserslist" field in package.json
    "postcss-import": {},
    "autoprefixer": {},
    "postcss-plugin-px2rem": {
      propList: ['*'],
      // 添加的代码
      remUnit: 37.5,
      // https://blog.csdn.net/qq_33144001/article/details/101029955
      exclude: /node_modules|element-ui/i,
      selectorBlackList: ['recruit-index']
    }
  }
}

示例