Vueコンポーネント - LaravelディレクトリのCSSファイルを含む

Question

Laravel（テスト）プロジェクト内でVueに1つのファイルコンポーネントを作成しています。しかし、私はCSSの部分が別のファイルにあるので、CSSのための少ないを使用します。今私はこのファイルを含めるが運がない。私はスタックのオーバーフローを見ようとしますが、誤った検索をしているのか、私がやらなければならないことをしているのか分かりません。私は何をしようとすると、私は画像

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

に同じロジックを使用するが、私は "NPMの実行DEV" を行うとき、私はthis error

を得る

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

ある

Sitemap

だから私はこれがうまくいくと思った：

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

しかし、私は別のパスでコースの同じエラーが発生します。

私は今や少し失われています。これで私を助けることができる人は誰ですか？

Answer 1

コンポーネントファイルの相対パスをプロジェクトに配置する必要があります。私はサスを使うので、@importを使用します。より少ない量でインポートする方法がわかりません。しかし、私はどのようにして泣いているのかを示します。

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

私の例はSassです。私はあなたが簡単にそれをより少ないものに翻訳できると確信しています。