Vite笔记之22-vite与ts的结合

326 阅读1分钟

1.默认支持

vite 天生支持ts,ts怎么配置,怎么约束别人。 怎么去ts错误直接在控制台显示,vite-plugin-checker,运行或者打包必须检查,必须通过才能打包。

"build": "tsc --noEmit && vite build" // 必须通过才能打包成dist

vite-env.d.ts

// 定义import.meta 后的变量提示

/// <reference types="vite/client" />

interface ImportMetaEnv {
  readonly VITE_APP_TITLE: string
  // more env variables...
}

interface ImportMeta {
  readonly env: ImportMetaEnv
}

.env.prod

VITE_APP_TITLE = <http://www.baidu.com>

tsconfig.json

{
	"compilerOptions": {
		// "target": "ESNext",
		"module": "ESNext",
		"skipLibCheck": true
	}
}

image.png