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

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

1つ目：

body {
	background: red;
}

2つ目：

p {
	color: green;
}

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

import './styles1.css';
import './styles2.css';

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

body {
	background: red;
}
p {
	color: green;
}

あなたのエントリーポイントに3つのCSSファイルをインポートしてください。

開発モードでビルドを実行してください。 CSSバンドルファイルを確認してください。

プロダクションモードでビルドを実行してください。 CSSバンドルファイルを確認してください。