【Vite】vite与js的结合

ts介绍：它是一个js的类型检查工具，会检查出我们代码中可能会存在的一些隐形问题，同时会给我们一些语法提示

如何配置vite将ts报错输出到控制台？

• 安装vite-plugin-checker插件和TypeScript
• 在plugins当中配置

// tsconfig.json
{
	"compilerOptions":{
		"skipLibCheck":true, // 跳过node_modules这个包
	}
}
// vite.config.js
import { defineConfig } from "vite"
import checker from "vite-plugin-checker"

epxort default defineConfig({
	plugins:[
		// 开发环境中，在控制台将会报出ts的语法错误
		checker({
			typescript:true
		})
	]
})
// package.json
"scripts":{
	// 在生产环境中，如果ts语法有错误将不会进行打包生产dist目录
	"build":" tsc --noEmit && vite build"
}