ant design pro中,svg的两种webpack处理方式

大多的svg要使用svgr转换成react对象

但是在css中,要的只是一个文件,如下面代码中 goldfish.svg 只想作为一个CSS中的url的链接

 

config.module
  .rule('loaderSvg')
  .include
  .add(/goldfish\.svg/)
  .end()
  .test( /\.svg$/)
  .use('file-loader')
  .loader('file-loader')

config.module
  .rule('svg')
  .include
  .add(/.svg$/)
  .end()
  .exclude
  .add(/goldfish\.svg/)
  .end()
  .test(/\.svg(\?v=\d+\.\d+\.\d+)?$/)
  .use('babel')
  .loader('babel-loader')
  .end()
  .use('@svgr/webpack')
  .loader('@svgr/webpack')
  .options({
    babel: false,
  })
  .options({
    icon: true,
  });