Question

我找到了在NuxtJS中使用SVG内联的最佳软件包，它可以呈现HTML。我使用这个包：svg-inline-loader。它显示SVG HTML，但必须在文档中插入所有SVG才能使用：查看此example。必须插入from ftplib import FTP_TLS, FTP import socket import ssl file = open('test.py','rb') ftps = FTP_TLS() ftps.set_debuglevel(2) s = ftps.connect(host='192.168.1.102', port=21) ftps.login(user="xxx", passwd="xxxxxx") ftps.prot_p() ftps.storbinary("STOR test.py", file)才能呈现SVG。

你们知道什么样的包更好地制作SVG inline吗？

Answer 1

是的，请使用vue-svg-loader。

使用npm或yarn：

安装

npm install --save-dev vue-svg-loader
yarn add --dev vue-svg-loader

然后配置您的webpack配置：

{
  test: /\.svg$/,
  loader: 'vue-svg-loader'
}

修改：或vue-cli-3.*（在vue.config.js中）：

chainWebpack: config => {
  const svgRule = config.module.rule('svg')

  svgRule.uses.clear()
  svgRule
    .use('vue-svg-loader')
    .loader('vue-svg-loader')
    .options({
      svgo: false
    })
}

最后是.vue文件中的一个用法示例：

<template>
  <nav id="menu">
    <a href="...">
      <SomeIcon class="icon" />
      Some page
    </a>
  </nav>
</template>

<script>
import SomeIcon from './assets/some-icon.svg'

export default {
  name: 'menu',
  components: { SomeIcon }
}
</script>

查看更多：docs。

在NuxtJS中使用SVG内联的最佳软件包是什么？

1 个答案: