Vue組件 - 包含來自Laravel目錄的css文件

Question

我在我的Laravel（測試）項目中的Vue中創建1個文件組件。但我使用較少的CSS，所以CSS部分是在一個不同的文件。現在我想包含這個文件，但沒有任何運氣。我試圖看看堆棧溢出，但不知道如果我搜索不正確，或者我正在做一些我不應該做的事情。

Sitemap

我嘗試做的是

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

我用同樣的邏輯圖象

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

但是當我做 「故宮運行dev的」 我得到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>  

我的例子是與薩斯。我相信你可以很容易地把它翻譯成更少。