vue 2.x 引用svg-sprite-loader

vue 2.x 引用svg-sprite-loader

简述

大部分和参考链接的操作步骤相同，只有在修改配置文件是有所区别。参考文章中是在Vue 3.x 中配置文件。
Vue 2.x版本中在./build/webpack.base.conf.js文件中添加以下代码段进行配置：

{
	// 添加以下代码
     test: /\.svg$/,
     loader: 'svg-sprite-loader',
     include: [resolve('src/icons')],
     options: {
         symbolId: 'icon-[name]'
     }
 },
 {
      test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
      loader: 'url-loader',
      // 添加这句	路径是icons/index.js 文件所在位置
      exclude: [resolve('src/assets/icons')],
      options: {
          limit: 10000,
          name: utils.assetsPath('img/[name].[hash:7].[ext]')
      }
  },

如图所示

其他步骤 参考文章链接.

链接

参考文章链接.
github地址