ts如何转js

如何将 TypeScript 转化为 JavaScript

简介

TypeScript 是一種擴展 JavaScript 的語言。它是強型的，這意味著它在編譯時檢查類型錯誤。然而，在執行時，TypeScript 代碼轉換為純 JavaScript 代碼。

轉換方法

有兩種主要方法可以將 TypeScript 轉換為 JavaScript：

使用 tsc

要使用 tsc，請執行以下步驟：

1. 安裝 TypeScript：npm install -g typescript
2. 創建一個 TypeScript 文件（例如，my-code.ts）
3. 使用 tsc 編譯文件：tsc my-code.ts

這會在當前目錄中創建一個 my-code.js 文件，它包含已轉換的 JavaScript 代碼。

使用 webpack

要使用 webpack，請執行以下步驟：

1. 安裝 webpack：npm install --save-dev webpack
2. 安裝 TypeScript loader：npm install --save-dev webpack-typescript-loader
3. 創建一個 webpack 配置文件（例如，webpack.config.js）
4. 在配置文件中配置 TypeScript loader：

module.exports = {  ...  module: {    rules: [      {        test: /\.ts$/,        use: 'ts-loader',      },    ],  },  ...};

1. 運行 webpack：npx webpack

這會在當前目錄中創建一個 bundle.js 文件，它包含已轉換的 JavaScript 代碼。