chore(postcss.config): update

postcss.config.js

@@ -15,19 +15,21 @@ module.exports = {
       },
     },
     'postcss-px-to-viewport': {
-      unitToConvert: 'px',
+      unitToConvert: 'px', // 需要转换的单位
-      viewportWidth: 375,
+      viewportWidth: 375, // 设计稿宽度
-      unitPrecision: 5,
+      // viewportHeight: 667, // 设计稿高度
-      propList: ['*'],
+      unitPrecision: 5, // 单位转换后保留的精度
-      viewportUnit: 'vw',
+      propList: ['*'], // 指定转换那些属性，这里选择所有属性
-      fontViewportUnit: 'vw',
+      viewportUnit: 'vw', // 希望使用的视口单位
-      selectorBlackList: [],
+      fontViewportUnit: 'vw', // 字体使用的视口单位
-      minPixelValue: 0,
+      selectorBlackList: ['.max-w-screen-sm'], // 指定不转换那些选择器
-      mediaQuery: false,
+      minPixelValue: 1, // 小于或等于`1px`不转换
-      replace: true,
+      mediaQuery: false, // 是否在媒体查询中也转换`px`
+      replace: true, // 是否直接更换属性值，而不添加具有`vw`单位的新属性
+      // exclude: [/node_modules/], // 忽略`node_modules`目录下的文件
       exclude: undefined,
       include: undefined,
-      landscape: false,
+      landscape: false, // 是否添加根据宽度来判断是否是横屏
       landscapeUnit: 'vw',
       landscapeWidth: 568,
     },