質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
SCSS

SCSSは、SassのCSSメタ言語です。Webページのスタイルを指定するCSSを効率的に記述することができます。ネストと呼ばれる入れ子構造で記述するため、CSSの全体の記述量を減らせる点が特徴です。さらに変数も利用できるため、変更や修正の際に少ない作業量で対応することもできます。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

0回答

2511閲覧

live sass compilerでGlob(ワイルドカード*)で指定する方法

ramen-man

総合スコア0

SCSS

SCSSは、SassのCSSメタ言語です。Webページのスタイルを指定するCSSを効率的に記述することができます。ネストと呼ばれる入れ子構造で記述するため、CSSの全体の記述量を減らせる点が特徴です。さらに変数も利用できるため、変更や修正の際に少ない作業量で対応することもできます。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2021/06/22 12:39

前提・実現したいこと

VScodeでlive sass compilerを用いて複数のscssファイルをcssファイルに一括コンパイルしようとしたところ、
以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

Compilation Error
Error: File "/scss/layout/*" not found
on line 7 of sass/
/scss/style.scss

@import "layout/*";

該当のソースコード(style.scss)

// foundation
@import "foundation/_reset.scss";
@import "foundation/_variable.scss";
@import "foundation/_mixin.scss";
@import "foundation/_base.scss";
// layout
@import "layout/";
// component
@import "object/component/
";
// project
@import "object/project/";
// utility
@import "object/utility/
";

試したこと

Glob(*)を用いずにディレクトリ配下のscssファイルを個別に指定したところコンパイル出来ました。
「Exclude List」や「Include Items」ではGlobで指定可能なようですが、コンパイル元のファイル(ここでいうstyle.scss)ではGlobでの指定はできないのでしょうか?

補足情報(FW/ツールのバージョンなど)

VScodeのバージョン(1.57.0)
live sass compilerのバージョン(3.0.0)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問