3

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

  • クライアント (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 ファイルとして含めることはできません。

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

前もって感謝します!

4

0 に答える 0