鍦═ypeScript涓紩鍏avaScript鏂囦欢鐨勬柟娉曚笌鍦↗avaScript涓紩鍏ョ浉鍚岋紝鍙互浣跨敤<script>鏍囩鏉ュ紩鍏ュ閮↗avaScript鏂囦欢銆?/p>

鍦═ypeScript椤圭洰涓紝鍙互鍦?code>.ts鏂囦欢涓娇鐢?code><script>鏍囩鏉ュ紩鍏avaScript鏂囦欢锛屼絾鏄渶瑕佸湪.tsconfig鏂囦欢涓坊鍔犻厤缃潵鍛婅瘔TypeScript缂栬瘧鍣ㄤ笉瑕佸JavaScript鏂囦欢杩涜绫诲瀷妫€鏌ャ€?/p>

浠ヤ笅鏄竴涓ず渚嬶細

1. 鍦ㄩ」鐩腑鍒涘缓涓€涓狫avaScript鏂囦欢example.js锛屽唴瀹瑰涓嬶細

// example.js
function greet(name) {
  console.log(`Hello, ${name}!`);
}

2. 鍦═ypeScript鏂囦欢涓紩鍏ヨJavaScript鏂囦欢锛屼緥濡?code>app.ts锛?/li>

// app.ts
// 寮曞叆example.js鏂囦欢
<script src="example.js"></script>

// 璋冪敤example.js涓殑鍑芥暟
greet("World");

3. 鍦?code>.tsconfig鏂囦欢涓坊鍔?code>allowJs鍜?code>checkJs閰嶇疆锛?/li>

// tsconfig.json
{
  "compilerOptions": {
    // ...
    "allowJs": true,
    "checkJs": false
  }
}

杩欐牱锛孴ypeScript缂栬瘧鍣ㄥ氨浼氬拷鐣ュJavaScript鏂囦欢鐨勭被鍨嬫鏌ワ紝鑰屽彧杩涜缂栬瘧銆傛敞鎰忥紝鍦ㄥ紩鍏avaScript鏂囦欢鏃惰娉ㄦ剰鏂囦欢璺緞鏄惁姝ｇ‘銆?/p>

鍙﹀锛岃繕鍙互浣跨敤妯″潡鍔犺浇鍣紙濡俉ebpack銆丷equireJS绛夛級鏉ョ鐞嗗拰寮曞叆JavaScript鏂囦欢锛岃繖鏍峰彲浠ユ洿鍔犵伒娲诲湴澶勭悊渚濊禆鍏崇郴鍜屾ā鍧楀寲銆?/p>