import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import path from 'path';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
  ],
  resolve: {
    alias: {
      //别名配置
      '@': path.resolve(__dirname, './src'),
      '~/': `${path.resolve(__dirname, 'src')}/`,
    },
  },
  //本地运行配置，以及反向代理配置
  server: {
    host: true,
    port: '8080', //端口
    open: true, //服务启动时自动在浏览器中打开应用
  },
  css: {
    // css预处理器
    preprocessorOptions: {
      scss: {
        // 引入 variables.scss 这样就可以在全局中使用 variables.scss中预定义的变量了
        // 给导入的路径最后加上 ;
        additionalData: `@use "@/styles/variables.scss" as *; `,
      },
    },
  },
  build: {
    outDir: 'dist', //指定输出文件
    assetsDir:"./static",  //指定生成静态文件目录
    rollupOptions: {
      output: {
        chunkFileNames: 'static/js/[name]-[hash].js',
        entryFileNames: 'static/js/[name]-[hash].js',
        assetFileNames: (chunkInfo) => {
          if(['.png', '.jpg', '.jpeg'].includes(path.extname(chunkInfo.name))) {
            return `static/[ext]/[name].[ext]`
          }
          return `static/[ext]/[name]-[hash].[ext]`
        },
      },
    },
  },
});