問題タブ [pug-loader]

これが私のシナリオです：

• クライアント (React) とサーバー (Express) の両方で ES6/7 を使用し、さらに CSS に PostCSS を使用したいので、webpack + babel が必要です。

• いくつかのルートは、React コンポーネントをホストするページをレンダリングします。

• pug をビュー エンジンとして使用したいのですが、アプリ全体を 1 つの SPA に入れることはできません。

私は開発モードでセットアップを行っています (私の pug テンプレートでは、スクリプト タグを使用してビルド ディレクトリにバンドルされたアセットを直接含めます。問題はプロダクション モードにあります。バンドルされた js ファイルへのパスにはハッシュが含まれており、動的です。

この問題の一般的な方法は、動的にバンドルされた js パスをテンプレートに挿入できる HtmlWebpackPlugin を使用しているようです。問題は、パグに多くのビュー テンプレートがあり、webpack.config.js にそれぞれのエントリを配置できないことです。私が検討しているオプションは、webpack に や などのタグを含むアセットのみを含む「部分」を生成させ、この「部分」をビュー テンプレートに含めることです。しかし、HtmlWebpackPlugin は pug では動作しません。掘り下げた後、人々が使用する別の webpack プラグインである pug-loader を見つけました。しかし、それは pug をプレーンな HTML に変換するだけのようです。つまり、すべてのビュー テンプレートに pug ファイルとして含めることはできません。

これは解決された問題でなければなりませんが、解決策が見つからないようです。

前もって感謝します！

私は webpack v4 を使用しており、 Pugwithを使用しようとしていますwebpack-dev-serverが、実行するwebpack-dev-server --mode developmentとコンパイルされませんPug。助けてください。どうすればいいのかわからない。返信ありがとうございます。これが私の設定です：