Vue-cli 项目使用 iconfont svg 不显示

Vue-cli 项目使用 iconfont svg 不显示。

大部人都是万事俱备只欠配置，我也是。所以，我们先说配置。

 

svg相关配置写在哪？

vue-cli版本不同，写的地方也不一样。

项目里没有vue.config.js 文件，走的坑之一，自己在根目录下建一个。

走的坑之二，写在 config/index.js中

也是查资料，加上频繁重启项目，终于细心发现了项目运行时加载的配置文件。

我的答案：在 webpack.base.conf.js 配置 svg。

完整配置如下：

{

        test: /\.svg$/,

        loader: 'svg-sprite-loader',

        include: [resolve('src/icons')],

        options: {

          symbolId: 'icon-[name]'

        }

      },

      {

        test: /\.(png|jpe?g|gi