メモ > 技術 > 開発: Gulp > jQuery対応
■jQuery対応
index.html でjQueryを読み込み
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
ts/test.ts から呼び出し
$(function() {
alert('test!');
});
…としても、以下のようなエラーになる
TypeScriptがjQueryの命令を解釈できない
assets\ts\test3.ts(1,1): error TS2304: Cannot find name '$'.
[00:30:12] TypeScript: 1 semantic error
[00:30:12] TypeScript: emit succeeded (with errors)
以下のコマンドを実行すると、TypeScriptがjQueryの命令を解釈できるようになる
>npm install --save @types/jquery
以下のように、TypeScriptとjQueryを併用できる
$(function() {
let message: string = 'テスト';
$('h1').text(message);
});
特別なツール不要！ TypeScript 2時代の型定義ファイルの取り扱い方 - Qiita
https://qiita.com/tonkotsuboy_com/items/634b0921b6170cf56813