Parcel 与 TypeScript
TypeScript
支持扩展类型: ts, tsx
TypeScript是 JavaScript 类型化的超集，可以编译成原始的 JavaScript，支持现代的 ES2015+特性。转换 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，你需要：
- 使用.tsx后缀
- 正确的引用 React
- 在 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"
}
}查看 更多的细节。