ASP.NET MVC プロジェクトでの RequireJS ライブラリの使用例_JavaScript ヒント

RequireJS は、フロントエンドのモジュラー開発用の人気のあるツールであり、require.js という名前の Javascript ライブラリ ファイルです。
RequireJs の主な機能:

(1) Web ページの応答が失われないように、js ファイルの非同期読み込みを実装します。

(2) モジュール間の依存関係を管理して、コードの作成とメンテナンスを容易にします。

フロントエンドのモジュラー開発には多くのツールがあり、一般に 2 つのカテゴリに分類されます。1 つは dojo v1.8 以降の組み込みのモジュラー開発コンポーネントを備えたハイエンド ツールです。 .js が必要です。sea.js はモジュール開発に焦点を当てたツールです。

モジュール分割のルールから、主に AMD と CMD の 2 つのカテゴリに分類されます。Dojo と require.js は前者に従い、sea.js は CMD 仕様に従います。

require は単一ページのアプリケーションでは適切に機能しますが、従来の複数ページのアプリケーションの場合、require の使用はやや混乱し、不便になる可能性があります。

この記事では、ASP.NET MVC の構造に require を適用する方法を説明し、半自動圧縮を実現する圧縮スクリプトを提供します。

別の js コード
一般に、ASP.NET MVC のルートはビューに対応し、ビューのファイル構造は次のようになります。

Views
 |--Shared
 |--_layout.cshtml
 |--Home
 |--Index.cshtml
 |--Blog
 |--Create.cshtml
 |--Edit.cshtml
 |--Detail.cshtml
 |--Index.cshtml

<script type="text/javascript">
 $(function(){...});
</script>