1

postcss.config.js

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

vue.config.js

@@ -1,49 +1,49 @@
 module.exports = {
-    /* 部署生产环境和开发环境下的URL：可对当前环境进行区分，baseUrl 从 Vue CLI 3.3 起已弃用，要使用publicPath */
+  /* 部署生产环境和开发环境下的URL：可对当前环境进行区分，baseUrl 从 Vue CLI 3.3 起已弃用，要使用publicPath */
-    /* baseUrl: process.env.NODE_ENV === 'production' ? './' : '/' */
+  /* baseUrl: process.env.NODE_ENV === 'production' ? './' : '/' */
 
-    /* 用于默认#模式 */
+  /* 用于默认#模式 */
-    // publicPath: process.env.NODE_ENV === 'production' ? '/public/' : './',
+  // publicPath: process.env.NODE_ENV === 'production' ? '/public/' : './',
 
-    /* history模式 */
+  /* history模式 */
-    publicPath: process.env.NODE_ENV === 'production' ? '/dist/' : '/',
+  publicPath: process.env.NODE_ENV === "production" ? "/dist/" : "/",
-    /* 输出文件目录：在npm run build时，生成文件的目录名称 */
+  /* 输出文件目录：在npm run build时，生成文件的目录名称 */
-    outputDir: 'dist',
+  outputDir: "dist",
-    /* 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录 */
+  /* 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录 */
-    assetsDir: "assets",
+  assetsDir: "assets",
-    /* 是否在构建生产包时生成 sourceMap 文件，false将提高构建速度 */
+  /* 是否在构建生产包时生成 sourceMap 文件，false将提高构建速度 */
-    productionSourceMap: false,
+  productionSourceMap: false,
-    /* 默认情况下，生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存，你可以通过将这个选项设为 false 来关闭文件名哈希。(false的时候就是让原来的文件名不改变) */
+  /* 默认情况下，生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存，你可以通过将这个选项设为 false 来关闭文件名哈希。(false的时候就是让原来的文件名不改变) */
-    filenameHashing: false,
+  filenameHashing: false,
-    /* 代码保存时进行eslint检测 */
+  /* 代码保存时进行eslint检测 */
-    lintOnSave: false,
+  lintOnSave: false,
-    /* webpack-dev-server 相关配置 */
+  /* webpack-dev-server 相关配置 */
-    devServer: {
+  devServer: {
-        /* 自动打开浏览器 */
+    /* 自动打开浏览器 */
-        open: false,
+    open: false,
-        /* 设置为0.0.0.0则所有的地址均能访问 */
+    /* 设置为0.0.0.0则所有的地址均能访问 */
-        host: '0.0.0.0',
+    host: "0.0.0.0",
-        port: 8311,
+    port: 8311,
-        https: false,
+    https: false,
-        hotOnly: false,
+    hotOnly: false,
-        disableHostCheck: true,
+    disableHostCheck: true,
-        /* 使用代理 后台接口路径 */
+    /* 使用代理 后台接口路径 */
-        // proxy: 'http://192.168.1.123:8312/'
+    // proxy: 'http://192.168.1.123:8312/'
-        // proxy: 'http://192.168.31.177:8312/'
+    // proxy: 'http://192.168.31.177:8312/'
-        // proxy: 'http://localhost: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/'
+    // proxy: 'http://jdxdev.vipgz4.idcfengye.com/'
-    },
+  },
-    // chainWebpack: config => {
+  chainWebpack: (config) => {
-    //     config.module
+    config.module
-    //         .rule('css')
+      .rule("css")
-    //         .test(/\.css$/)
+      .test(/\.css$/)
-    //         .oneOf('vue')
+      .oneOf("vue")
-    //         .resourceQuery(/\?vue/)
+      .resourceQuery(/\?vue/)
-    //         .use('px2rem')
+      .use("px2rem")
-    //         .loader('px2rem-loader')
+      .loader("px2rem-loader")
-    //         .options({
+      .options({
-    //             remUnit: 192
+        remUnit: 40,
-    //         })
+      });
-    // }
+  },
-}
+};