iot-dc3-web/vite.config.ts

/*
 * Copyright 2022 Pnoker All Rights Reserved
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      https://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import legacy from '@vitejs/plugin-legacy'
import vue from '@vitejs/plugin-vue'
import * as dotenv from 'dotenv'
import * as fs from 'fs'
import { resolve } from 'path'
import AutoImport from 'unplugin-auto-import/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import Components from 'unplugin-vue-components/vite'
import { ConfigEnv, defineConfig } from 'vite'

export default (configEnv: ConfigEnv) => {
    process.env.NODE_ENV = configEnv.mode || 'dev'

    const envDir = './src/config/env'
    const files = [`${envDir}/.env`, `${envDir}/.env.${process.env.NODE_ENV}`]

    files.forEach((file) => {
        const config = dotenv.parse<any>(fs.readFileSync(file))
        Object.keys(config).forEach((key) => {
            process.env[key] = config[key]
        })
    })

    const alias: Record<string, string> = {
        '@': resolve(__dirname, './src'),
        vue$: 'vue/dist/vue.runtime.esm-bundler.js',
    }
    const apiPrefix = process.env.APP_API_PREFIX as string
    const proxy = {
        [apiPrefix]: {
            ws: false,
            changeOrigin: true,
            target: `${process.env.APP_API_PATH}:${process.env.APP_API_PORT}`,
            rewrite: (path: string) => path.replace(new RegExp(`^${apiPrefix}`), apiPrefix),
        },
    }
    const output = {
        entryFileNames: `assets/dc3.[name].[hash].js`,
        chunkFileNames: `assets/dc3.[name].[hash].js`,
        assetFileNames: `assets/dc3.[name].[hash].[ext]`,
        compact: true,
        manualChunks: {
            vue: ['vue', 'vue-router', 'vuex'],
            echarts: ['echarts'],
        },
    }

    return defineConfig({
        base: './',
        root: './',
        envDir,
        envPrefix: 'APP_',
        resolve: {
            alias,
        },
        server: {
            port: Number(process.env.APP_CLI_PORT),
            proxy,
        },
        build: {
            outDir: 'dist',
            chunkSizeWarningLimit: 1500,
            rollupOptions: { output },
        },
        plugins: [
            vue(),
            legacy({
                targets: ['Android > 39', 'Chrome >= 60', 'Safari >= 10.1', 'iOS >= 10.3', 'Firefox >= 54', 'Edge >= 15'],
            }),
            AutoImport({
                resolvers: [ElementPlusResolver()],
            }),
            Components({
                resolvers: [ElementPlusResolver()],
            }),
        ],
        css: { preprocessorOptions: { css: { charset: false } } },
    })
}