ことの始まり
progateでsassを習ったので早速使って見ようとした
しかし､表示されるページに変化がない!
自分の環境
- win10
- VSCode
原因
sass(scss)の仕様を詳しくしらなかった
sass(scss)はコンパイルする必要がある
対処法
1: vscodeの場合は以下の拡張機能をダウンロードする
- Live Sass Compiler
2: htmlファイルの<head>の部分に以下の2行を追加
<link rel='stylesheet' href='https://unpkg.com/ress/dist/ress.min.css'>
<link rel='stylesheet' href='styleSheetのパス'>
<link rel='stylesheet' href='https://unpkg.com/ress/dist/ress.min.css'>
の部分はブラウザごとにスタイルが崩れるのを防ぐために必要らしい
3: .sassもしくは.scssのファイルをいじる
4: vsCodeのwatch sassをクリック
参考