javascript - HTMLファイルをwebpackで埋め込む

Question

私たちのプロジェクトの 1 つの大規模な自家製ビルド スクリプトを webpack に移行することを検討しています。

その機能の 1 つは、ディレクトリをトラバースし/views、html ファイルの内容をメインindex.htmlファイルにコピーすることです。これにより、すべてを 1 つのファイルにまとめなくても、KnockoutJS のテンプレート機能を簡単に使用できます。このようなもの：

for relative_path, full_path in walk(os.path.join(base, "views")):
    with open(full_path) as f:
        index.append("""<script type="text/html" id="{0}">""".format(relative_path))
        index.extend(f)
        index.append("</script>")

理想的には、スクリプトタグにテキストを挿入し、ファイルパスに設定することで、各ファイルを としてrequire('./views')埋め込むことができるようにしたいと考えています。約 100 種類のテンプレートがあるため、個別に ing することは避けたいと思います。.html<script type="text/html" id="views/foo">...</script>idrequire()

これを構成html-loaderまたは実行できますhtml-webpack-pluginか? 独自の webpack プラグインを作成する必要があるかどうか、または既存のプラグインを構成して必要なことを実行できる方法があるかどうか疑問に思っています。

ありがとう！