Vite 如何配置支持Typescript
vite并不会校验ts是否通过,需要添加typescript
安装ts
yarn add typescript
校验ts
"scripts": {
"dev": "tsc --noEmit && vite",
},
配置ts
tsconfig.json
{
"compilerOptions": {
"target": "ESNext",
"module": "ESNext",
"moduleResolution": "node",
"strict": true,
"jsx": "preserve",
"sourceMap": true,
"resolveJsonModule": true,
"esModuleInterop": true,
"lib": ["ESNext","DOM"],
"isolatedModules": true
},
"include": ["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx"]
}
test.ts
interface A {
name: string
}
export const a: A = {
name: 'island',
age: 12
}
使用 App.jsx
import { defineComponent } from "vue";
import classes from "@styles/test.module.css"
import '@styles/test.less'
import { a } from "./test";
export default defineComponent({
setup() {
return () => <div className={`${classes.moduleClass}`}>{a.name}-{a.age} <div className="lessBox">less box</div></div>
}
})