关于svg的引入步骤

写在前面

本人正在学习Vue，最近在做人生中第一个Vue的项目，期间遇到了各种各样的bug，这些bug是在平时的学习中根本遇不到的，导致我不得不充分运用互联网的查找功能，发现这些坑大家都踩过，也都顺利爬出来了，于是我也仿照他们，留下经验，提醒自己的同时也与大家共勉。

---

1.在vue.config.js文件中重写相关信息

​

具体代码如下：

const path = require('path')

module.exports = {
  lintOnSave: false,
  chainWebpack: config => {
    const dir = path.resolve(__dirname, 'src/assets/icons')

    config.module
      .rule('svg-sprite')
      .test(/\.svg$/)
      .include.add(dir).end() // 包含 icons 目录
      .use('svg-sprite-loader').loader('svg-sprite-loader').options({ extract: false }).end()
      .use('svg-loader').loader('svgo-loader')
      .tap(options => ({ ...options, plugin: [{ removeAttrs: {