私のチームと私は現在、かなり大規模なプロジェクトを AMD + RequireJS から CommonJS + Webpack に移行中です。私たちは Webpack が提供するツールを気に入っており、CommonJS はコミュニティが向かっている方向であると考えています。
webpack を利用して .mustache テンプレート ファイルを自動的に読み込んでバンドルする効果的な方法は何ですか? 現在、xportを使用して、プロジェクト フォルダー内のすべての .mustache ファイルを次の形式の単一の js ファイルにバンドルする監視スクリプトがあります。
var files = {};
files['path/to/file'] = '<div>{{content}}</div>';
files['path/to/other/file'] = '<span>{{stuff}}</span>';
...
これを完全に使い続けることができます... 現在のソリューションの特に便利な点は、新しいテンプレートを作成するときに、プロジェクト内のテンプレートを特に参照する必要がないことです。スクリプトはフォルダーを監視しているだけなので、辞書が更新され、別のライブラリを使用して文字列を取得し、使用可能なテンプレート関数にすることができます。
じゃあゴールは？ 私たちのフォルダー内のテンプレートから移動する方法があるかどうか興味があります->プロジェクトにファイルを特に要求することなくコードで使用できる関数。そして、私たちの現在のソリューションは webpack の外に出ています (もちろんフックする方法がない限り)。これは、2 つのウォッチ スクリプトが必要ないため面倒です。ローダーを調べましたが、これらは 1 対 1 のソース ファイル -> 出力ファイルと多対 1 のように見えます。これが現在のソリューションの優れた点です。
ありがとう！