如何在运行vite build命令时指定使用的tsconfig文件？

方法1：在Vite配置文件中指定tsconfig路径 #

直接修改项目根目录的vite.config.ts，在配置里指定构建时使用的tsconfig文件：

import { defineConfig } from 'vite'
// 根据你的组件库框架引入对应插件，比如Vue的plugin-vue
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  resolve: {
    typescript: {
      tsconfig: './tsconfig.build.json' // 填入你的构建专用tsconfig路径
    }
  }
})

方法2：通过命令行参数指定 #

执行构建命令时，直接用--tsconfig参数指定配置文件：

vite build --tsconfig ./tsconfig.build.json

嫌每次输入麻烦的话，把命令写到package.json的scripts里：

{
  "scripts": {
    "build": "vite build --tsconfig ./tsconfig.build.json"
  }
}

方法3：确认tsconfig.build.json的排除规则正确 #

确保你的构建专用配置文件已经精准排除Cypress相关内容，示例配置如下：

{
  "extends": "./tsconfig.json",
  "exclude": [
    "node_modules",
    "cypress/**/*",
    "src/**/*.cy.ts",
    "dist"
  ],
  "include": [
    "src/**/*"
  ]
}

内容的提问来源于stack exchange，提问作者Lazy Loading