本地NPM Link开发场景下Vite快速低优化构建方案咨询

针对你的Vanilla TS npm模块本地开发需求（通过npm link关联Angular项目，无需开发服务器），可以通过以下几种方式大幅降低构建耗时：

1. 启用Vite开发模式构建+监听 #

直接在构建时指定--mode development，Vite会自动禁用生产级优化步骤（如代码压缩、严格Tree-Shaking、复杂代码分割等），同时保持--watch监听文件变化：

命令行直接运行 #

vite build --mode development --watch

针对性配置优化（可选） #

在vite.config.ts中专门为开发模式添加更激进的简化配置，进一步提速：

import { defineConfig } from 'vite';

export default defineConfig(({ mode }) => {
  const isDev = mode === 'development';
  return {
    build: {
      // 针对npm库的基础配置
      lib: {
        entry: 'src/index.ts',
        name: 'YourLibrary',
        formats: ['es', 'cjs'], // 按需保留你需要的格式
      },
      // 开发模式下关闭压缩
      minify: isDev ? false : 'terser',
      // 开发模式下禁用严格Tree-Shaking
      treeshake: isDev ? false : true,
      // 内联SourceMap（比生成单独文件更快）
      sourcemap: isDev ? 'inline' : false,
      // 开发模式下跳过代码分割优化
      rollupOptions: {
        output: {
          manualChunks: isDev ? undefined : undefined,
        },
      },
    },
  };
});

2. 利用Vite缓存加速后续构建 #

Vite默认会缓存构建中间产物，确保项目目录下保留.vite缓存文件夹（不要加入.gitignore除非有特殊需求），这样后续的watch构建只会重新编译修改过的文件，而非全量重构。

3. 简化输出格式（如果允许） #

如果Angular项目只需要特定的模块格式（比如ES模块），可以在build.lib.formats中只保留需要的格式，减少多格式编译的耗时：

lib: {
  entry: 'src/index.ts',
  name: 'YourLibrary',
  formats: ['es'], // 只输出ES格式，跳过CJS等其他格式
}

注意事项 #

• 开发模式构建的产物没有经过生产级优化，仅适合本地开发调试，不要用于生产环境。
• 确保Angular项目的构建命令（如ng build --watch）会监听npm link过来的模块文件变化，这样Vite输出新产物后，Angular会自动重新编译关联部分。

内容的提问来源于stack exchange，提问作者Simon Warchol