既存のCSSファイルをwebpack 2にバンドルする必要があります。これは以前はASP.NET MVCにバンドルされていました。私はWebパックのサポートに関する文献を読むと、抽出テキストプラグインでCSSローダーを使用する必要があり、JavascriptからCSSを要求する必要があることがわかります。既存のCSSをバンドルするWebpack
私がやりたいことは、バンドルしてJavascriptファイルから開始せずに縮小する一連のCSSファイルを定義することだけです。
どうすればいいですか？特別なローダーを使用する必要がありますか？
あなたのスタイルをindex.jsからインポートするだけではどうですか？
また、gulpのようなタスクランナーを設定してスタイルフォルダを見ることもできますが、これはwebpackがこれを処理することができれば重複しているようです。
抽出テキストプラグインとペアリングしても、同じ結果が得られます。
私が最後にしたことは、バンドルごとに1つのjsファイルを作成することでした。例えば
各[name] .css.jsファイルには、いくつかのインポート文だけが含まれています。
import "~/content/compact.css";
import "~/content/responsive.css";
// for the ~ character I used an alias in webpack
次に、webpack.configファイルで、これらのcss.jsファイルを指しています。 次に、css-loader、style-loader、およびextract-text-pluginを使用してdistフォルダに出力された別のCSSファイルを作成します。
カスタムnpm package.jsonスクリプトを使用して、生成されたjsファイルをクリーンアップします。
このようにして、私は再び公開できるCSSバンドルを手に入れます。
私の特定のプロジェクトには、複数のアプリケーションに分散されたCSSが含まれているため、内部アプリケーションのCSSではありません。
私はちょうど次の記事に続きました： https://webpack.js.org/loaders/css-loader/