3

次のように始まるモジュールがあるとします。

define(['jquery', 'actions', 'util', 'text!../templates/dialog.html!strip', 'text!../templates/requestRow.html!strip', 'text!../templates/respondForm.html!strip'], function($, actions, util, tDialog, tRequestRow, tRespondForm) {

このモジュールには、クライアント UI に書き込むためのほとんどのコードが含まれています。また、text.js プラグインを使用して、私が作成した他の 2 つのモジュールと 3 つの HTML テンプレートを読み込みます。これを行うためのより簡潔な方法があるかどうか疑問に思っていますか?アプリケーションが成長するにつれて、ロードする追加のテンプレートやモジュールが必要になる可能性があり、define ステートメントが少し見苦しくなる可能性があります。次のように、テンプレート パスを main.js の require.config に追加する必要があります。

require.config({
baseUrl: '/webrequests/resources/scripts/',
paths: {
    'modernizr': '../js/vendor/modernizr-2.6.2-respond-1.1.0.min',
    'bootstrap' : '../js/vendor/bootstrap.min',
    'dialog' : 'text!../templates/dialog.html!strip',
    'requestRow' : 'test!../templates/requestRow.html!strip',
    'respondForm' : 'text!../templates/respondForm.html!strip'
}});

ディレクトリ内のすべてのテンプレートをロードし、define ステートメントに含める依存関係を 1 つだけ持つ方法はおそらくありますか?

前もって感謝します。

4

1 に答える 1