Vue组件-包含Laravel目录中的css文件

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

我想做的是

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

我对图像使用相同的逻辑

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

但当我做“npm运行开发”时，我得到

所以我想这可能会起作用：

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

但是我得到了同样的错误，当然是不同的路径

---

所以我现在有点迷路了。有人可以帮我吗？

您需要将组件文件中的相对路径放入项目中。我使用sass，所以我使用

@import

。不知道如何导入更少。但我会告诉你我是怎么用sass的

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

//my-component.vue
@导入“../../relative/path/to/file.scss”；

我的例子是Sass。我相信你可以很容易地把它翻译成更少