問題タブ [mini-css-extract-plugin]

mini-css-extract-plugin、css-loaderおよびを使用しsass-loaderます。

CSS 変更時の出力:

これは、Webpack が基本的に JS バンドラーであるためと思われるため、CSS は JS にバンドルされ、mini-css-extract-pluginCSS を別のチャンクに抽出します。それは正確ですか？

スタイルのみが変更されたときに、Webpack が JS 出力ファイルを再構築するのはなぜですか?

scss ファイルを /dist/css フォルダーにコンパイルするように webpack を構成しようとしています。css を js にバンドルしたくありません。しかし、私はエラーが発生しています。

私は何を間違っていますか？

webpack と npm rebuild node-sass を再インストールしようとしましたが、うまくいきません。

私の実際のwebpack.config.js:

エラー出力:

webpack v2 から webpack v4 にアップグレードしました。抽出テキスト プラグインが存在しないため、MiniCssExtract プラグインに置き換え、ファイル名を関数として処理できるようにアップグレードを延期する必要がありました。

これが利用可能になったので、webpack を実行していますが、アプリでは CSS 指向のものは何も実行されず、常に Uncaught SyntaxError: Unexpected token が取得されます。コンソールで。

最も単純な CSS でさえ試してみましたが、どの CSS ファイルもアプリで適切に実行されません。

シンプルな css-loader などに戻そうとしましたが、正常に動作するので、mini-css-extract-plugin の構成方法または見逃した愚かなことに関係があると考えています。

テーマ構成用のファイルが 1 つあります。

メインの webpack ファイルは次のとおりです。