Question

我试图使用raw-loader在Vue组件中显示原始svg。然而，无论我做什么，svg总是内联。这是我的代码：

<template>
    <div v-html="svg"></div>
</template>

<script>
import svg from 'raw-loader!@/assets/images/image.svg';
export default {
    data () {
        return {
              svg
        }
    }
};
</script>

我理解这是由于vue-cli webpack＆＃39}配置webpack.base.conf.js：

  {
    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: utils.assetsPath('img/[name].[hash:7].[ext]')
    }
  },

我尝试添加新的加载程序规则来加载原始文件，如果我向它们附加?raw但是这也不起作用：

  {
    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: utils.assetsPath('img/[name].[hash:7].[ext]')
    }
  },
  {
    test: /\.(png|jpe?g|gif|svg)(\?raw)$/,
    loader: 'raw-loader',
  },

我正在使用：

vue-cli@2.9.2
vue@2.5.2

原始SVG使用原始加载器，继续获取内联SVG

0 个答案: