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

react-responsive-carouselを使用して 1 つのコンポーネントを作成しようとしています。

ただし、サーバー側のコードをビルドしようとすると、以下のメッセージが表示されます。クライアント側の場合、MiniCssExtract ローダーは次の css ファイルを読み取ることができます。

私のwebpack.client.configは

そして webpack.server.config は

コンポーネント コードは次のとおりです。

助けてください。

vue (および SFC) を webpack アプリに追加しようとしています。<template>およびブロックは<script>正常に動作しますが、何らかの理由で、<style>ブロック内のスタイルが製品ビルド用に抽出されていません。

開発ビルドでは、.vue<style>ブロックを別の css ファイル (エントリポイントの名前) に抽出しています。これは問題ありませんが、メインのスタイルシートに入れたいと思います。

しかし、何を試しても、製品ビルド用に (任意のファイルに) .vue スタイルを表示することはできません。

これは私の webpack 設定の短縮版です:

私が使用している .vue ファイルは、このデモ 1です。私はそれを単に含む「testview」というエントリポイントにインポートしようとしています:

やあ、

style.cssvue アプリから自分のスタイルをグローバル ファイル (で) にコンパイルしようとしています。SASS (scss) を使用しWebpack 4ます。

問題: 私の実際の conf で生成されたソースマップは、完全に間違っていました! これを webpack の SourceMapDevToolPlugin でパスしようとしました。以下の webpack conf を参照してください。

次のようなApp.vueコンポーネントから私のスタイルをインポートします。/src

（PS：スタイルをインポートするためのより良い方法があれば、ヒントやヒントを取り入れました）（PS2：プリフェッチスタイルとjsでWebpackとVue-ssr-renderを何度もインポートすると解決できませんか？）

あなたの答えをありがとう:)