vite.config.js

import { resolve } from 'path'
import pkg from './package.json'
import vue from '@vitejs/plugin-vue'
// vue-jsx 插件说明 https://github.com/vuejs/jsx-next/blob/dev/packages/babel-plugin-jsx/README-zh_CN.md
import vueJsx from '@vitejs/plugin-vue-jsx'
import { svgLoader } from './src/utils/svg-loader.js'

const { dependencies, devDependencies, name, version } = pkg

const __APP_INFO__ = {
  pkg: { dependencies, devDependencies, name, version },
  lastBuildTime: new Date().toLocaleString()
}

// 官方文档 https://cn.vitejs.dev/config/
export default ({ command }) => {
  return {
    base: './',

    server: {
      port: 3000,
      open: true
    },

    build: {
      brotliSize: false // 禁用 brotli 压缩大小报告,以提高大型项目的构建性能。
    },

    plugins: [vue(), vueJsx({}), svgLoader('/src/assets/svg/')],

    resolve: {
      alias: {
        '@': resolve(__dirname, 'src'), // 别名 `@` 指向 `src` 目录 PS:IDEA编辑器还是不能识别
        assets: '/src/assets',
        components: '/src/components',
        views: '/src/views',
        utils: '/src/utils'
      }
    },

    // 定义全局常量替换方式,其中每项在开发环境下会被定义在全局，而在构建时被静态替换
    define: {
      __APP_INFO__: JSON.stringify(__APP_INFO__)
    },

    css: {
      preprocessorOptions: {
        scss: {
          // additionalData: '@import "@/styles/_variables";',
          javascriptEnabled: true
        }
      }
    }
  }
}