Vite - 多个库入口点

Question

几个小时后，我成功使用 vite 构建了具有多个入口点的自定义库。我想知道是否有更好的方法来解决这个问题。

// vite.config.ts
export default defineConfig({
  plugins: [react()],
  build: {
    rollupOptions: {
      input: {
        index: resolve(__dirname, 'src/index.ts'),
        hooks: resolve(__dirname, 'src/hooks.ts'),
      },
      external: [...Object.keys(peerDependencies), ...Object.keys(dependencies)],
      output: [
        {
          dir: resolve(__dirname, 'dist'),
          format: 'es',
          entryFileNames: "[name].[format].js",
          globals: {
            react: 'React',
          },
        },
        {
          dir: resolve(__dirname, 'dist'),
          format: 'cjs',
          entryFileNames: "[name].[format].js",
          globals: {
            react: 'React',
          },
        }
      ],
    },
    sourcemap: true,
  }
})

构建生成此文件：