WebpackにおけるCSSスタイルのインポートテスト
JavaScriptファイルでCSSスタイルをインポートするテストをしてみましょう。 スタイルファイルを作成します:
body {
background: red;
}
それをインポートします:
import './styles.css';
さて、プロジェクトのビルド後に、ビルドファイルがリンクされているHTMLファイルをブラウザで開くと、私たちのスタイルの動作結果が表示されます。
説明されたテストを実行してください。 複数のCSSファイルをインポートしてください。
エディタでビルドファイルを開き、検索機能を使ってその中からあなたのCSSスタイルを見つけてください。
ブラウザのデバッガーを開き、HTMLページ上であなたのCSSスタイルを見つけてください。