提交

2024-10-29 10:07:53 +08:00
parent dac8a28465
commit aeb28785c7
239 changed files with 59710 additions and 43293 deletions
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -0,0 +1,40 @@
+const path = require('path')
+module.exports = {
+  parser: 'postcss-comment',
+  plugins: {
+    'postcss-import': {
+      resolve(id, basedir, importOptions) {
+        if (id.startsWith('~@/')) {
+          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(3))
+        } else if (id.startsWith('@/')) {
+          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(2))
+        } else if (id.startsWith('/') && !id.startsWith('//')) {
+          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(1))
+        }
+        return id
+      }
+    },
+    'autoprefixer': {
+      overrideBrowserslist: ["Android >= 4", "ios >= 8"],
+      remove: process.env.UNI_PLATFORM !== 'h5'
+    },
+    // 借助postcss-px-to-viewport插件，实现px转rem，文档：https://github.com/evrone/postcss-px-to-viewport/blob/master/README_CN.md
+    // 以下配置，可以将px转换为rem，如果要调整比例，可以调整 viewportWidth 来实现
+    'postcss-px-to-viewport': {
+      unitToConvert: 'rpx', // 需要转换的单位。我这里是rpx，如果你的项目都是用的px，就改成px
+      viewportWidth: 750,// 密度，一般为750 || 375。这里可以自己修改
+      unitPrecision: 2,
+      propList: ['font-size'],
+      // viewportUnit: "rem", // 指定需要转换成的视窗单位，默认vw
+      fontViewportUnit: 'rem', // 字体需要转成的单位，只针对 font-size 属性
+      selectorBlackList: [],
+      minPixelValue: 1,
+      mediaQuery: false,
+      replace: true,
+      exclude: undefined,
+      include: undefined,
+      landscape: false
+    },
+    '@dcloudio/vue-cli-plugin-uni/packages/postcss': {}
+  }
+}