在Vue模板中为范围样式中使用的文件指定发行者

问题描述

我已经修改了我的webpack配置,以使用vue-svg-loader这样内联svg:

  {
    test: /\.svg$/,use: ['babel-loader','vue-svg-loader',],},

,它一直都很棒。我也可以静态导入SVG,但仍然可以正常加载。

但是,我仍然需要能够在组件中以我的作用域样式使用SVG(例如,作为背景URL),并且我不希望它们通过该内联加载器使用。

为此,post我尝试为自己的svgs修改发行者,并添加以下内容

{
    test: /\.svg$/,issuer: /\.vue$/,loader: 'url-loader',options: {  
      name: '../assets/icons/[name].[ext]',

但是,使用该规则会破坏我拥有的所有静态SVG导入。有没有办法调和这些,并指定通过CSS请求了SVG?似乎不太可能,因为这些作用域样式仍然来自vue文件

非常感谢您的见解!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)