vite.config.js

import { defineConfig } from 'vite';
import { svelte } from '@sveltejs/vite-plugin-svelte';
import legacy from '@vitejs/plugin-legacy';
import path from 'path';

// const BASE = `/${import.meta.env.VITE_BASEPATH}/`;

// https://cn.vitejs.dev/config/
export default defineConfig({
  plugins: [
    svelte(),
    // legacy({
    //   targets: ['defaults', 'not IE 11','@babel/plugin-proposal-optional-chaining'],
    // }),
    // '@babel/plugin-proposal-optional-chaining',// 可选链
    // '@babel/plugin-proposal-nullish-coalescing-operator'//双问号
  ],
  base: './',
  // envPrefix: 'VITE_',// 以 envPrefix 开头的环境变量会通过 import.meta.env 暴露在你的客户端源码中。默认： VITE_
  envDir: 'root', // 用于加载 .env 文件的目录。可以是一个绝对路径，也可以是相对于项目根的路径。
  resolve: {
    alias: {
      '@': path.resolve('./src'), // Vite路径别名配置
      '^': path.resolve('./src/lib'),
      '~': path.resolve('./src/assets'),
      '#': path.resolve('./src/styles'),
    },
  },
  cacheDir: 'node_modules/.vite', // 默认vite缓存路径
  clearScreen: true, // 控制台是否清屏，最好不要设置，设置会屏蔽掉一些关键终端信息
  logLevel: 'info', // 控制台输出的级别，error|info|silent|warn 默认 info 那么所有的日志都会打印出来

  // 参考: https://cli.vuejs.org/zh/guide/css.html#%E5%90%91%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8-loader-%E4%BC%A0%E9%80%92%E9%80%89%E9%A1%B9
  css: {
    // modules: {
    //   localsConvention:'camelCaseOnly', // 模块化后的css类名命名规则，驼峰还是划线
    //   scopeBehaviour:'local', // 配置当前模块行为是模块化还是全局化 'global' | 'local'
    //   generateScopedName:'[name]_[local]_[hash:5]',
    //   hashPrefix:'', // hash是根据文件名类名等生成的，这个前缀可以使生成的hash更加复杂独特
    //   globalModulePaths:[] // 想要参加到css模块化的文件路径数组
    // },
    // preprocessorOptions: {
    //   less: {
    //     additionalData: '@import "./src/styles/global.less";',
    //   },
    // },
    devSourcemap: false, // 在开发过程中是否启用 sourcemap. 默认： false
  },
  build: {
    outDir: 'docs',
    // assetsDir: 'public', // 指定生成静态资源的存放路径. 默认： assets
    cssCodeSplit: true, // 启用/禁用 CSS 代码拆分。当启用时，在异步 chunk 中导入的 CSS 将内联到异步 chunk 本身，并在其被加载时插入。如果禁用，整个项目中的所有 CSS 将被提取到一个 CSS 文件中。
    sourcemap: true, // 如果为 true，将会创建一个独立的 source map 文件
    reportCompressedSize: false, // 启用/禁用 gzip 压缩大小报告。压缩大型输出文件可能会很慢，因此禁用该功能可能会提高大型项目的构建性能。
    manifest: false,
    rollupOptions: {
      output: {
        entryFileNames: `assets/[name].js`,
        chunkFileNames: `assets/[name].js`,
        assetFileNames: `assets/[name].[ext]`,
      },
    },
  },
  server: {
    port: 9527, // 指定开发服务器端口。注意：如果端口已经被使用，Vite 会自动尝试下一个可用的端口，所以这可能不是开发服务器最终监听的实际端口。
    strictPort: false, // 设为 true 时若端口已被占用则会直接退出，而不是尝试下一个可用端口。
  },
  preview: {
    port: 9527,
    strictPort: false,
    open: false, // 开发服务器启动时，自动在浏览器中打开应用程序。当该值为字符串时，它将被用作 URL 的路径名. 默认： server.open
  },
});