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> } })