React Vite TypeScript项目排除文件夹遇Rollup报错，求解决方案

问题根源 #

你在tsconfig.json里配置的exclude只是让TypeScript编译器忽略指定文件夹的代码检查，但Vite/Rollup的打包逻辑并不受这个配置控制。报错的核心原因是：项目里某个被纳入打包的文件，间接引用了src/excluded-folder里的内容，Rollup尝试解析这个被引用的文件时，发现它不在打包范围内，从而抛出解析失败的错误。

具体解决步骤 #

1. 清理引用关系
   先检查项目中所有文件的import语句，确认没有任何代码（包括src目录下的组件、工具函数等）引用了src/excluded-folder里的内容。如果有不小心引入的情况，直接删除这些引用，这是最根本的解决方式。

2. 通过Vite配置强制排除打包
   如果确实需要保留src/excluded-folder但完全不让它参与打包，修改vite.config.ts，通过Rollup配置拦截这个文件夹的解析：

   import { defineConfig } from 'vite';
   import react from '@vitejs/plugin-react';
   
   export default defineConfig({
     plugins: [react()],
     build: {
       rollupOptions: {
         // 方式1：明确指定打包入口，只包含需要的文件（推荐）
         input: {
           main: './src/main.tsx',
           // 若有其他入口文件，按需添加
         },
         // 方式2：告诉Rollup不解析该文件夹的内容
         plugins: [
           {
             name: 'exclude-target-folder',
             resolveId(id) {
               if (id.includes('src/excluded-folder')) {
                 return false; // 阻止Rollup解析该路径
               }
             }
           }
         ]
       }
     }
   });
   

   若该文件夹内容属于外部依赖，也可以用build.rollupOptions.external配置标记，但本地代码排除更推荐上面的插件方式或指定入口。

3. 保留tsconfig的exclude配置
   继续保留tsconfig.json里的exclude，确保TypeScript编译器不会检查这个文件夹的代码，避免不必要的类型报错。

内容的提问来源于stack exchange，提问作者Noy Oliel