最新vite脚手架配置ts-node工具

Java小卷2024-07-17 8:13

在使用最新的vite脚手架进行vue组件开发时，编写的ts文件工具函数的测试，除了应用到组件中进行页面测试，也可以使用ts-node工具进行单独的测试。

在使用最新版本的vite脚手架，生成的tsconfig配置会分出多个配置：tsconfig.json、tsconfig.app.json、tsconfig.node.json，需要改为原始的两个配置：tsconfig.json、tsconfig.node.json，不然执行ts-node会报错。

具体操作如下：

全局安装：

shell 复制代码

npm i -g ts-node

执行ts-node命令会在项目根路径下找tsconfig.json中包含的应用配置，而最新vite脚手架生成的ts的应用配置放在了tsconfig.app.json中。为了方便测试，改成原来的形式，即：tsconfig.json中包含应用配置。

tsconfig.json

json 复制代码

{
	... // app配置
	"ts-node": {
		"esm": true
	},
	"references": [{ "path": "./tsconfig.node.json" }]
}

还要注意！导入的ts文件的后缀不能省略，不然会报找不到导入的模块！

拿咱们tree组件的树结构拍平函数做一个测试：