feat: symbol方式引入iconfont

public/index.html

@@ -17,4 +17,5 @@
     <div id="app"></div>
     <!-- built files will be auto injected -->
 </body>
+<script src='https://at.alicdn.com/t/font_225870_1m6sm6jaktk.js'></script>
 </html>

src/assets/style/iconfont.scss

+
+// iconfont的基础css样式
+.icon {
+    width: 1em; height: 1em;
+    vertical-align: -0.15em;
+    fill: currentColor;
+    overflow: hidden;
+}

src/assets/style/reset.scss

@@ -69,4 +69,3 @@ input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0px 1000px white inset !important;
 }
 
-

src/main.js

@@ -13,6 +13,7 @@ import globalComponents from '@/components/global/index.js'
 import filters from '@/filters/index.js'
 import directives from '@/directives/index.js'
 import utils from '@/utils/index.js'
+
 console.log('process.env:', process.env)
 // 全局注册layout组件
 Vue.use(layoutComponents)

src/views/home.vue

@@ -11,6 +11,16 @@
         <!-- <a-button type="primary">
             Primary
         </a-button> -->
+        <svg
+            class="icon iconfont"
+            aria-hidden="true">
+            <use xlink:href="#icon-13-5wufayulan"></use>
+        </svg>
+        <svg
+            class="icon iconfont"
+            aria-hidden="true">
+            <use xlink:href="#icon-14"></use>
+        </svg>
     </div>
 </template>
 

vue.config.js

 const proxyConf = require('./src/config/proxy.config.js')
 
-console.log('process.env.NODE_ENV1:', process.env)
+// console.log('process.env.NODE_ENV1:', process.env)
 
 const LodashModuleReplacementPlugin = require('lodash-webpack-plugin')