提供Nuxt中static/assets文件夹中的SVG内容

Question

我的站点中有很多SVG，它们有很多路径，所以我不想把代码弄得一团糟，而是在浏览器中显示完整的代码。

在PHP中有一个神奇的函数叫做file_get_contents('path')

在Nuxt中有替代方案吗？到目前为止，唯一的选择是将其作为常规的img标签，禁止所有样式。

Answer 1

检查@nuxtjs/svg模块(NPM(。使用该模块，您可以在脚本中导入svg，并像使用模板中的组件一样使用它们。

<template>
<NuxtLogo class="logo" />
</template>

<script>
import NuxtLogo from "~/assets/nuxt.svg?inline";

export default {
components: { NuxtLogo },
};
</script>
<style scoped>
.logo {
fill: #fff;
}
</style>