Question

我在Laravel（测试）项目中在Vue中创建了一个1文件组件。但我使用较少的css因此css部分在不同的文件中。现在我想要包含这个文件，但没有任何运气。我试着查看堆栈溢出，但不确定我是否正在搜索不正确或者我正在做一些我不应该做的事情。

我尝试做的是

<style src="css/sidebar.css"></style>

我对图像使用相同的逻辑

<img class="flex-item" src="img/Home-icon.png">

但是当我这样做的时候#n; npm run dev＆＃34;我得到this error

所以我认为这可能会奏效：

<style src="../public/css/sidebar.css"></style>

然后我得到了相同的错误，但是有不同路径的cours。

所以我现在有点迷失了。有谁可以帮我这个？

Answer 1

您需要将组件文件中的相对路径放在项目中。我使用sass，所以我使用@import。不确定如何进口少。但我告诉你我是如何做到的。

// my-component.vue
<template></template>
<script></script>
<style lang="scss" scoped>
    @import "../../relative/path/to/file.scss";
</style>

我的例子是萨斯。我相信你可以轻松地将它翻译成更少。