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