javascript - BoilerplateJSでは、アクティブ化されたモジュールに関係なく、ブラウザは（他のモジュールの）すべてのスクリプトをロードしています

Question

BoilerplatJSサイトでホストされているサンプルプロジェクトでは、特定のサンプルモジュール（たとえばclickCounter）をアクティブ化すると、他のモジュール（component.js、viewmodel.jsなど）のすべてのスクリプトがブラウザーに読み込まれます。

ある種の承認に基づいてモジュールをユーザーに制限する必要がある場合に、この動作を制限するにはどうすればよいですか？

ありがとう！

Answer 1

ここで注意すべき点がいくつかあります。

• 最初にロードするファイルについて: 実稼働環境では、これらすべてのファイルが BoilerplateJS オプティマイザーによって結合、縮小、難読化されます。つまり、本番環境ではすべてのコードが 1 つのスクリプトになりますが、これは AMD JavaScript アプリケーションでは通常のことです。

• コードがロードされても、フロント コントローラーからアクティベーション コールを受信するまで、個々のコンポーネントはレンダリングされません。モジュールは、最初のアプリケーションの読み込み時に UI コンポーネントを登録しますが、UI コンポーネントの実際の作成は、コンポーネントの「アクティブ化」機能でのみ行われます。これにより、アプリケーションの読み込み時間が短縮され、UI コンポーネントの作成はオンデマンドでのみ行われます。

• アプリケーションでクライアント側の承認に依存するべきではありません。すべての JS コードはクライアント ブラウザーに送られ、変更される可能性があります。ただし、使いやすさのために、ユーザーに許可されていない操作を非表示にすることができます。どこでそれを行うかは、制御の粒度によって異なります。コンポーネント レベルでそれが必要な場合は、ナビゲーション メニュー自体でこれを行うことができます。