バージョン 1.0.0 の Webpack のhtml-loaderでは、 (変更ログによると)interpolate
を支持して、このオプションは非推奨になりましたpreprocessor
。interpolate
ES6 テンプレート文字列の補間構文が有効になり、次のように html ファイル内に他の html パーシャルをインポートできるようになりました。
<div>${require('./components/gallery.html')}</div>
これは、いくつかのスタック オーバーフローがこの解決策を示唆していたため、html-loader を使用して html パーシャルを実装するための事実上の方法でした。
ただし、そのフラグは廃止されたので、preprocessor
オプションを使用してこれを有効にする方法を理解するのに苦労しています。彼らの github ページの例にはハンドルバーの実装が付属していますが、以前のバージョンではこれは必要ありませんでしたrequire
。
最新バージョンの html-loader を使用して、この html パーシャル設定を複製できた人はいますか?