1

postcss.config.js

@@ -1,10 +1,9 @@
-
 module.exports = {
   plugins: {
     autoprefixer: {},
     "postcss-px2rem-exclude": {
-            remUnit: 192,
-            exclude: /node_modules|folder_name/i
-        }
-    }
+      remUnit: 40,
+      exclude: /node_modules|folder_name/i,
+    },
+  },
 };

vue.config.js

@@ -6,9 +6,9 @@ module.exports = {
   // publicPath: process.env.NODE_ENV === 'production' ? '/public/' : './',
 
   /* history模式 */
-    publicPath: process.env.NODE_ENV === 'production' ? '/dist/' : '/',
+  publicPath: process.env.NODE_ENV === "production" ? "/dist/" : "/",
   /* 输出文件目录：在npm run build时，生成文件的目录名称 */
-    outputDir: 'dist',
+  outputDir: "dist",
   /* 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录 */
   assetsDir: "assets",
   /* 是否在构建生产包时生成 sourceMap 文件，false将提高构建速度 */
@@ -22,7 +22,7 @@ module.exports = {
     /* 自动打开浏览器 */
     open: false,
     /* 设置为0.0.0.0则所有的地址均能访问 */
-        host: '0.0.0.0',
+    host: "0.0.0.0",
     port: 8311,
     https: false,
     hotOnly: false,
@@ -31,19 +31,19 @@ module.exports = {
     // proxy: 'http://192.168.1.123:8312/'
     // proxy: 'http://192.168.31.177:8312/'
     // proxy: 'http://localhost:8312/'
-        proxy: 'http://111.231.218.44:8080/'
+    proxy: "http://111.231.218.44:8080/",
     // proxy: 'http://jdxdev.vipgz4.idcfengye.com/'
   },
-    // chainWebpack: config => {
-    //     config.module
-    //         .rule('css')
-    //         .test(/\.css$/)
-    //         .oneOf('vue')
-    //         .resourceQuery(/\?vue/)
-    //         .use('px2rem')
-    //         .loader('px2rem-loader')
-    //         .options({
-    //             remUnit: 192
-    //         })
-    // }
-}
+  chainWebpack: (config) => {
+    config.module
+      .rule("css")
+      .test(/\.css$/)
+      .oneOf("vue")
+      .resourceQuery(/\?vue/)
+      .use("px2rem")
+      .loader("px2rem-loader")
+      .options({
+        remUnit: 40,
+      });
+  },
+};