常见问题

• 打包指令：npm run build
• 出现空白页的问题，路径问题
• 改为相对路径，在vite.config.js中配置路径：base：'./'
• 没有报错但也没有页面，是router的原因，使用在router/index.js中history项使用createMemoryHistory函数即可显示.
• 部署后白屏，注意部署在github pages上时要修改为对应仓库的名字base: '/yike/'

import { fileURLToPath, URL } from 'node:url'

// 这两个是比较常用的
import { defineConfig } from 'vite'

// 没有这个插件就无法解析.vue文件
import vue from '@vitejs/plugin-vue'


import vueDevTools from 'vite-plugin-vue-devtools'

// https://vite.dev/config/
export default defineConfig({
    plugins: [vue(), vueDevTools()],
    base: '/yike/',
    resolve: {
        alias: {
            '@': fileURLToPath(new URL('./src', import.meta.url)),
        },
    },
    css: {
        preprocessorOptions: {
            scss: {
                additionalData: `
          @use "@/styles/var.scss" as *;
        `,
            },
        },
    },
})