Parcel 與 TypeScript

2020-02-14 17:16 更新

TypeScript

支持擴展類型: ts, tsx

TypeScript是 JavaScript 類型化的超集，可以編譯成原始的 JavaScript，支持現(xiàn)代的 ES2015+特性。轉(zhuǎn)換 TypeScript 是開箱即用的不需要額外的配置。

<!-- index.html -->
<html>
  <body>
    <script src="./index.ts"></script>
  </body>
</html>
// index.ts
import message from './message'
console.log(message)
// message.ts
export default 'Hello, world'

React 中使用

要使用：Typescript + React + JSX，你需要：

  1. 使用.tsx后綴
  2. 正確的引用 React
  3. 在 tsconfig 中使用特殊配置"jsx": "react"

完整的例子：

<!-- index.html -->
<html>
  <body>
    <div id="root"></div>
    <script src="./index.tsx"></script>
  </body>
</html>
// index.tsx
import React from 'react'
import ReactDOM from 'react-dom'

console.log('Hello from tsx!')

ReactDOM.render(<p>Hello</p>, document.getElementById('root'))
// tsconfig.json
{
  "compilerOptions": {
    "jsx": "react"
  }
}

查看 更多的細節(jié)。


以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號