引入等比适配插件

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: {
+            postcss: {
+                plugins: [
+                    postcss
+                ]
+            },
             sass: {
                 prependData: `@import "@/styles/var.scss";`
-      },
+            }
         }
     },
-  publicPath: Setting.publicPath,
+    publicPath: Setting.publicPath,
-  outputDir: Setting.outputDir,
+    outputDir: Setting.outputDir,
-  assetsDir: Setting.assetsDir,
+    assetsDir: Setting.assetsDir,
     devServer: {
         port: 8082 // 固定端口
     }
-}
+};