WebpackにおけるCSSスタイルのインポートテスト

JavaScriptファイルでCSSスタイルをインポートするテストをしてみましょう。 スタイルファイルを作成します:

src/styles.cssbody {
  background: red;
}

それをインポートします:

src/index.jsimport './styles.css';

さて、プロジェクトのビルド後に、ビルドファイルがリンクされているHTMLファイルをブラウザで開くと、私たちのスタイルの動作結果が表示されます。

Задание 1

説明されたテストを実行してください。 複数のCSSファイルをインポートしてください。

Задание 2

エディタでビルドファイルを開き、検索機能を使ってその中からあなたのCSSスタイルを見つけてください。

Задание 3

ブラウザのデバッガーを開き、HTMLページ上であなたのCSSスタイルを見つけてください。