問題タブ [mini-css-extract-plugin]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
webpack - Webpack 4 で MiniCSSExtractPlugin を使用して 2 つの異なる CSS ファイルを出力する
私の目標は、これらのファイルを取り込んで、異なる CSS ファイルに出力するかどうかに基づいて、 ./srcMiniCSSExtractPluginをセットアップすることです。editor-[...].scssfrontend-[...].scssscsseditor-frontend-
今、私は持っています
その後
2つの出力を設定する方法がわかりません。ファイルを検索するために正規表現を使用する必要があることはわかっていますが、実行後にそれらを別のファイルに抽出する方法がわかりません。
css - MiniCssExtractPlugin + SplitChunksPlugin はスコープ付き CSS をバンドルに入れません
私は Webpack 4 セットアップを使用しています。ここでは、.vue ファイルからのスコープ css を含め、すべての css を 1 つのバンドルにまとめようとしています。MiniCssExtractPlugin を使用してファイルから CSS を抽出し、SplitChunksPlugin を使用してすべての CSS を 1 つのファイルにバンドルしています。問題は、.vue ファイルからのスコープ css が別の css ファイルに入れられていることです。
私のwebpack構成:
出力：