import
これに関する多くの混乱は、jQueryが実際には外部モジュールのように機能しておらず、ステートメントの使用を妨げているためだと思います。解決策は非常にクリーンでシンプルでエレガントなので、回避策のようには感じられません。
TypeScriptでRequireJSとjQueryを使用する簡単な例を作成しました。これは次のように機能します...
RequireJSとjQueryのDefinitelyTypedから型定義を取得します。
TypeScriptファイル内で静的型付けを行う生のRequireJSを使用できるようになりました。
app.ts
///<reference path="require.d.ts" />
///<reference path="jquery.d.ts" />
require(['jquery'], function ($) {
$(document).ready(() => {
alert('Your code executes after jQuery has been loaded.');
});
});
そして、ページに1つのスクリプトタグを追加するだけで済みます。
<script data-main="app" src="require.js"></script>
他のソリューションに勝るメリットはありますか?
- jQueryとRequireJSを個別に更新できます
- 更新されているshimプロジェクトに依存する必要はありません
.d.ts
jQuery(またはファイルを持っている「モジュール」のようなものではないもの)を手動でロードする必要はありません