vite配置文件共享配置，公共配置（root，base，mode，define，plugins，publicDir，resolve，html，css，envDir）（2024-05-28）

在Vite项目中，可以通过创建一个vite.config.js文件来共享和配置项目的基础设置。以下是一个简单的例子，展示了如何在多个配置文件中共享配置：

// vite.config.common.js
export default {
  root: 'src',
  base: './',
  mode: 'development',
  define: {
    'process.env': process.env
  },
  plugins: [],
  publicDir: 'public',
  resolve: {
    alias: {
      '@': '/src'
    }
  }
};
 
// vite.config.prod.js
import baseConfig from './vite.config.common.js';
 
export default {
  ...baseConfig,
  mode: 'production',
  // 在这里添加生产环境特有的配置
};
 
// vite.config.dev.js
import baseConfig from './vite.config.common.js';
 
export default {
  ...baseConfig,
  mode: 'development',
  // 在这里添加开发环境特有的配置
};

在这个例子中，我们定义了一个通用配置文件vite.config.common.js，然后根据需要创建了vite.config.prod.js和vite.config.dev.js，分别用于生产环境和开发环境的配置。通过导入和扩展基础配置对象，我们可以确保开发和生产环境之间的配置是一致的，同时又能添加环境特有的配置。