feat:更新

jsconfig.json

@@ -0,0 +1,14 @@
+{
+    "compilerOptions": {
+      "target": "ES6",
+      "module": "commonjs",
+      "allowSyntheticDefaultImports": true,
+      "baseUrl": ".",
+      "paths": {
+        "@/*": ["src/*"]
+      }
+    },
+    "exclude": [
+      "node_modules"
+    ]
+  }

package.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "axios": "^0.19.2",
+    "postcss-design-convert": "^1.1.3",
     "vant": "^2.12.36",
     "vue": "^2.6.11",
     "vue-router": "^3.1.6",
@@ -31,6 +32,7 @@
     "postcss-write-svg": "^3.0.1",
     "sass": "^1.26.3",
     "sass-loader": "^8.0.2",
+    "svg-sprite-loader": "^6.0.11",
     "vue-template-compiler": "^2.6.11"
   }
 }

postcss.config.js

@@ -13,5 +13,10 @@ module.exports = {
       minPixelValue: 1, // 小于或等于`1px`不转换为视窗单位，你也可以设置为你想要的值
       mediaQuery: false, // 允许在媒体查询中转换`px`
     },
+    "postcss-design-convert": {
+      multiple: 2,
+      units: ["vw"],
+      selector: /^\.yzy-/,
+    },
   },
 };

vue.config.js

@@ -28,4 +28,16 @@ module.exports = {
   css: {
     loaderOptions: {},
   },
+  chainWebpack: (config) => {
+    // config.module.rules.delete("svg"); //重点:删除默认配置中处理svg,
+    config.module
+      .rule("svg-sprite-loader")
+      .test(/\.svg$/)
+      .end()
+      .use("svg-sprite-loader")
+      .loader("svg-sprite-loader")
+      .options({
+        symbolId: "icon-[name]",
+      });
+  },
 };