如何在typescript中引入jquery
2021-09-17 11:43:46

引入jQuery之前的操作
在typescript中引入jQuery時首先要創(chuàng)建一個typescript項目（直接新建的typescript文件無法通過此方法引入）

一、創(chuàng)建typescript項目
通過下面命令創(chuàng)建TS的package.json文件

npm init -y

命令行出現(xiàn)下列代碼

{
“name”: “TS”,
“version”: “1.0.0”,
“description”: “”,
“main”: “index.js”,
“scripts”: {
“test”: “echo “Error: no test specified” && exit 1”
},
“keywords”: [],
“author”: “”,
“l(fā)icense”: “ISC”
}
然后輸入（注意這里沒有npm）

tsc --init

然后命令行出現(xiàn)成功創(chuàng)建的提示
message TS6071: Successfully created a tsconfig.json file.
接下來在命令行輸入

npm install @types/node --dev-save

至此TS項目創(chuàng)建完畢

二、下載jquery和聲明文件
npm install jquery

npm install --save-dev @types/jquery

npm install typings

第二個命令時引入jquery的聲明文件，第三個命令是安裝typing，用于獲取jquery的d.ts文件，這步過后你的根目錄會多一個typings.json文件。
接下來就可以在TS文件中引入jquery了

import $ = require("jquery");
/這樣$符號就可以想在JavaScript中引入jquery一樣作為選擇器使用/

————————————————
版權(quán)聲明：本文為CSDN博主「brook2」的原創(chuàng)文章，遵循CC 4.0 BY-SA版權(quán)協(xié)議，轉(zhuǎn)載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/qq_43190243/article/details/111566469