WebpackでのCSSバンドルビルドのテスト

CSSを別のバンドルにビルドするテストをしてみましょう。2つのCSSファイルがあると仮定します。

1つ目：

src/styles1.cssbody {
  background: red;
}

2つ目：

src/styles2.cssp {
  color: green;
}

これらをエントリーポイントにインポートします：

src/index.jsimport './styles1.css';
import './styles2.css';

プロジェクトのビルドコマンドは、 すべてを main.css という名前の別ファイルにバンドルします：

dist/main.cssbody {
  background: red;
}
p {
  color: green;
}