1

.gitignore

@@ -1 +1,2 @@
 /node_modules/
+*.lock

postcss.config.js

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

vue.config.js

@@ -1,48 +1,48 @@
 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: true,
+  lintOnSave: true,
-    /* webpack-dev-server 相关配置 */
+  /* webpack-dev-server 相关配置 */
-    devServer: {
+  devServer: {
-        /* 自动打开浏览器 */
+    /* 自动打开浏览器 */
-        open: true,
+    open: true,
-        /* 设置为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://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: 192
-            })
+    //     })
-    }
+  },
-}
+};