vite.config.ts页面的配置

在Vite中，可以通过vite.config.ts文件来配置你的项目设置。以下是一个基本的配置示例，包括了配置页面标题和图标：

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
 
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  // 配置页面标题和图标
  define: {
    'process.env': process.env
  },
  build: {
    rollupOptions: {
      input: {
        // 页面的入口配置
        main: resolve(__dirname, 'index.html'),
        // 你可以添加更多的页面
        // another: resolve(__dirname, 'another.html'),
      },
      // 为每个页面配置不同的输出
      output: {
        entryFilesNames: (chunkInfo) => {
          return chunkInfo.name === 'main' ? '[name].[hash].js' : '[name]/[name].[hash].js';
        },
        chunkFileNames: 'common/[name].[hash].js',
        assetFileNames: '[name].[hash].[ext]',
      },
    },
  },
});

在这个配置中，我们使用了defineConfig来创建一个配置对象，并引入了Vue插件。我们还演示了如何为不同的页面设置不同的入口文件，并自定义输出文件的命名规则。

请根据你的具体需求调整配置。