dtScreen/postcss.config.js

// postcss.config.js
module.exports = {
  plugins: {
    'postcss-pxtorem': {
      // 这里的 16 必须和我们之前在 rem.js 中设置的 baseSize 保持绝对一致！
      // 设计稿 1920px 时，1rem = 16px
      rootValue: 16, 
      
      // 需要转换的 CSS 属性，'*' 代表全部属性（包括 width, height, font-size, margin 等）
      propList: ['*'], 
      
      // 黑名单：指定不转换为 rem 的类名。
      // 比如你有个盒子严格要求 1px 边框，你可以给它加个 class="norem"
      selectorBlackList: ['.norem'], 
      
      // 忽略第三方插件包（极其重要！）
      // 如果你的大屏里用到了 Element UI 或其他组件库，通常不要去转换它们的内部样式，否则容易错位
      exclude: /node_modules/i, 
      
      // 允许在媒体查询中转换 px
      mediaQuery: false, 
      
      // 设置要替换的最小像素值 (默认 0)。
      // 建议设为 2，意味着 1px 的线条或边框不会被转成 rem，避免在大屏上太细看不见
      minPixelValue: 2 
    }
  }
}