前言

现在需要在一个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']
    }
  }
}

示例

在这里插入图片描述

Logo

前往低代码交流专区

更多推荐