基于vue init webpack项目引入svg

转自 https://www.cnblogs.com/shenyf/p/10370949.html

【note】 基于vue init webpack创建的项目

1、安装依赖

npm install svg-sprite-loader --save-dev

2、配置build文件夹中的webpack.base.conf.js，主要在两个地方添加代码，如下图所示

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

{
   
        test: /\.svg$/,
        loader: 'svg-sprite-loader',
        include: [resolve('src/icons')],
        options: {
   
          symbolId: 'icon-[name]'
        }
      },