引入等比适配插件

vue.config.js

@@ -1,19 +1,33 @@
-const Setting = require('./src/setting.env')
+// 引入等比适配插件
+const px2rem = require("postcss-px2rem");
+
+// 配置基本大小
+const postcss = px2rem({
+    // 基准大小 baseSize，需要和rem.js中相同
+    remUnit: 16
+});
+
+const Setting = require("./src/setting.env");
 
 // 使用等比适配插件
 module.exports = {
-  lintOnSave: true,
-  css: {
-    loaderOptions: {
-      sass: {
-        prependData: `@import "@/styles/var.scss";`
-      },
+    lintOnSave: true,
+    css: {
+        loaderOptions: {
+            postcss: {
+                plugins: [
+                    postcss
+                ]
+            },
+            sass: {
+                prependData: `@import "@/styles/var.scss";`
+            }
+        }
+    },
+    publicPath: Setting.publicPath,
+    outputDir: Setting.outputDir,
+    assetsDir: Setting.assetsDir,
+    devServer: {
+        port: 8082 // 固定端口
     }
-  },
-  publicPath: Setting.publicPath,
-  outputDir: Setting.outputDir,
-  assetsDir: Setting.assetsDir,
-  devServer: {
-    port: 8082 // 固定端口
-  }
-}
+};