webpack - SSR で使用する CSS を抽出する (Vue.js)

Question

vue.js アプリがあり、webpack にバンドルされています。を使用しvue-server-rendererて、サーバー側でレンダリングします。そこではすべてがうまく機能します。私のwebpack構成では、次を使用して使用していExtractTextPluginます：

new ExtractTextPlugin({
  filename: `css/[name]${isProduction ? '.[hash]' : ''}.css`,
  allChunks: true
})

私が使用するallChunks: trueと、すべてが機能する単一のcssファイルを取得します。しかし、理想的ではない大きなアプリケーションでは。現在、読み込まれていてページで使用されていない一連の CSS があります。

設定allChunks: falseすると、初期ファイルが小さくなり、現在のコンポーネントの css がページの読み込み時にヘッドに挿入されます。これはほとんど私が欲しいものです。しかし、ここでの問題は、SSR を使用している場合、CSS のないページで最初の HTML を取得し、CSS が読み込まれるとすべてが正しくレンダリングされることです。

私が望むのは、SSR レンダリング関数の実行中に、現在のページの CSS にアクセスして、ブラウザーに戻る前に自分で CSS を挿入できることです。

webpack ローダーを構築しようとしましたが、これは正しくないと思いますcss-loader。

vue-loaderまたはのいずれかの問題であると思いますvue-server-renderer。ここからどこへ行くべきかよくわかりません。だから私はいくつかのガイダンスを探していると思います.