質問したいこと
Progateで一通り、Sassのレッスンをクリアしました。
テキストでおおまかな導入方法や使い方を学びました。
さて、実際にコーディングする際に使ってみようというのが現段階なのですが、よくよく考えると(たぶん)「style.scss」のままではhtmlに反映できないだろうし、いろいろ調べてみましたが機能についての記事は多いものの実装についての手順書が見つからずいろいろと混乱しています。
初歩的な疑問も含みますが、どうぞご教授頂けますと幸いです。
①大前提として、「.html」には「.scss」形式のままでは読み込めないものなのか
→progateでは@importで関数のファイル?を読み込んでいたと思うので、そんな感じで「.css」には@importで「.scss」を読み込み、「.html」にはいつも通り「.css」を読み込み、、間接的に「.html」に読み込むかと思いましたが手間がかかるので違うような気がしています。
②ファイル構成としてはどのように作ればいいのか?
→node.jsでコンパイルするときはいろいろ同じファイルに突っ込んだ気がしますが、毎回そのようなものが必要なのか疑問に思います。
以上、2点。
どなたかご教授頂けますと幸いです。
補足情報(FW/ツールのバージョンなど)
windows
Node.js
ためしたこと
■試したこと
「.scss」を「.css」で読み込み、「.css」を「.html」で読み込む間接法→効果なし
「.css」のファイル名のまま中身を普通に「.scss」記法で書いてみる→効果なし
■情報検索
検索ワード「sass html 読み込み」 「sass html 埋め込み」
以下参照した外部サイトになります↓↓
https://www.tam-tam.co.jp/tipsnote/html_css/post5189.html
https://webdesign-trends.net/entry/9323
https://qiita.com/Y_ASAMOTO/items/d5f33ecf5bfbb7f028a5
※最低限として基本的に質問前にネットでの検索、過去のテラテイルでの類似質問は閲覧済みです。
理解力が乏しいのは重々承知しておりますので、ご容赦ください。
現在のファイル構成例
カフェHP
css style.scss
images 写真とかいろいろ
index.html
contact.html
…etc..
回答1件
あなたの回答
tips
プレビュー