web_dist/vite.config.js

import {defineConfig} from 'vite'
import legacy from '@vitejs/plugin-legacy'
import vue from '@vitejs/plugin-vue'
import {resolve} from 'path'
// vue setup 的糖语法
import VueSetupExtend from 'vite-plugin-vue-setup-extend'
// 不用导入 vue 的 import 了
import AutoImport from 'unplugin-auto-import/vite'
import Icons from "unplugin-icons/vite";


const pathResolve = (dir) => {
    return resolve(__dirname, '.', dir)
}

const alias = {
    '@': pathResolve('src'),
}

export default defineConfig({
    resolve: {
        alias,
    },
    plugins: [
        Icons({
            autoInstall: true,
            compiler: "vue3",
        }),
        VueSetupExtend(),
        vue({
            refTransform: true
        }),
        legacy({
            targets: 'chrome 49',
        }),
        AutoImport({
            dts: 'src/auto-imports.d.ts',
            imports: ['vue']
        })
    ],
    server: {
        host: '0.0.0.0',
    },
    build: {
        chunkSizeWarningLimit: 1000,
    },
})