Skip to content

进行 Vite 监听构建的同时输出 Vue 组件的 TypeScript 类型定义

标签
开发/前端/Vue
开发/前端/Vue/Vue3
开发/前端/Vite
开发/Nodejs/Vite
开发/Nodejs/TypeScript
开发/Nodejs/npm
字数
207 字
阅读时间
1 分钟

核心是,只需要寻找到一个方式来同时执行 vite build --watchvue-tsx --declaration --emitDeclarationOnly 这两条命令就好了。

比如使用 concurrently

json
"scripts": {
  "dev": "concurrently \"nr build:watch\" \"nr emit-types\"",
  "emit-types": "vue-tsc --declaration --emitDeclarationOnly",
  "build": "vite build && vue-tsc --declaration --emitDeclarationOnly",
  "build:watch": "vite build --mode development --watch"
},
"dependencies": {
  "concurrently": "^8.2.1"
}

当然,除去 concurrently 还有很多种方式,在 slimeform 中使用的 run-p,你可以使用 run-p,它工作的很好,但 run-p 其实有一些古早了,而且好久没有再发布过更新了,上一次发布已经是 7 年前,所以根据喜好和需求来选择就好了。

贡献者

文件历史

撰写