vite.config.js内使用window

`vite.config.js` 是 Vite 构建工具中的配置文件，主要用于定制项目的构建行为和环境。如果你想要在 `vite.config.js` 中使用 `window` 对象，通常是为了访问浏览器环境的一些全局变量或功能，比如API、事件监听等。

在 `vite.config.js` 中，你可能会看到这样的代码示例：

import { defineConfig } from 'vite';
import window from 'global/window';

export default defineConfig({
  // 其他配置选项...

  build: {
    transpileDependencies: ['@your-package/*'], // 如果依赖中使用了window，需要编译
    target: 'esnext', // 配置目标环境，可能会影响对window的处理
  },

  plugins: [
    // 使用插件可能涉及到window，例如：
    createVitePluginWebpack({
      // 在这里可以访问到window，例如注入全局CSS变量：
      define: {
        'process.env': {
          BASE_URL: JSON.stringify(window.location.origin),
        },
      },
    }),
  ],
});

在这里，`import window from 'global/window';` 是引入一个代理的 `window` 对象，以避免在 Webpack 或 Vite 编译时将 `window` 当作一个全局变量错误地移除。这样，你可以在配置文件中安全地操作或使用 `window`，比如设置页面的基础URL等。