如何用vite做多个捆绑？

使用vite js捆绑我的库，我需要同时提供两个版本：

• 生产用途
• 通过 devtools 集成开发特定代码和警告。

当我使用 webpack 时，我有：

module.exports = [
  defaultUmdBuild("production"),
  defaultUmdBuild("development"),
];

它输出两个文件，然后我的库有这个入口点：

'use strict';

if (process.env.NODE_ENV === 'production') {
  module.exports = require('./mylib.production.js');
} else {
  module.exports = require('./mylib.development.js');
}

如何使用 vite 做同样的事情？

Thanks.

我认为你可以使用 vite 来实现这一点modes https://vitejs.dev/guide/env-and-mode.html#modes.

使用不同模式运行构建命令：

vite build --mode production #default
vite build --mode development

在你的 vite.config 文件中，你可以根据模式值有不同的构建配置。

// vite.config.js
import { defineConfig } from 'vite';

export default defineConfig(({ mode }) => {
  if (mode === 'production') {
    return {
      // ...
      build: {
        outDir: 'build_production'
      }
    }
  }

  if (mode === 'development') {
    return {
      // ...
      build: {
        outDir: 'build_development'
      }
    }
  }
  return {}
});