122 lines
4.0 KiB
TypeScript
122 lines
4.0 KiB
TypeScript
import { defineConfig, loadEnv, UserConfigExport } from 'vite'
|
|
import vueJsx from '@vitejs/plugin-vue-jsx'
|
|
import vue from '@vitejs/plugin-vue'
|
|
import * as path from "path";
|
|
import { resolve } from 'path';
|
|
import Components from 'unplugin-vue-components/vite';
|
|
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';
|
|
import { visualizer } from 'rollup-plugin-visualizer'
|
|
// @ts-ignore
|
|
import { name, version, description, appName } from "./package.json";
|
|
import dayjs from "dayjs";
|
|
|
|
const __APP_INFO__ = {
|
|
name: name,
|
|
appName: appName,
|
|
version: version,
|
|
description: description,
|
|
lastBuildTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
|
|
}
|
|
|
|
const pathSrc = path.resolve(__dirname, 'src');
|
|
|
|
// https://vitejs.dev/config/
|
|
export default ({ mode }): UserConfigExport => {
|
|
const env: Record<string, string> = loadEnv(mode, process.cwd(), '')
|
|
return defineConfig({
|
|
define: {
|
|
__APP_ENV: JSON.stringify(env),
|
|
__APP_INFO: __APP_INFO__,
|
|
// $: 'jquery',
|
|
// jQuery: 'jquery'
|
|
},
|
|
base: './',
|
|
plugins: [
|
|
vue(),
|
|
vueJsx(),
|
|
Components({
|
|
resolvers: [AntDesignVueResolver({ importStyle: false })]
|
|
}),
|
|
visualizer({
|
|
emitFile: false,
|
|
filename: 'analyze.html',
|
|
open: false
|
|
})
|
|
],
|
|
server: {
|
|
host: '0.0.0.0',
|
|
port: env['VITE_APP_PORT'] as unknown as number,
|
|
open: false,
|
|
proxy: {
|
|
[env["VITE_APP_BASE_API"]]: {
|
|
target: env["VITE_APP_PROXY_URL"],
|
|
changeOrigin: true,
|
|
secure: false,
|
|
rewrite: path => path.replace(RegExp(`^${env['VITE_APP_BASE_API']}`), '')
|
|
},
|
|
[env["VITE_APP_WS_API"]]: {
|
|
target: env["VITE_APP_WS_PROXY_URL"],
|
|
ws: true,
|
|
changeOrigin: true,
|
|
rewrite: path => path.replace(RegExp(`^${env['VITE_APP_WS_API']}`), ''),
|
|
}
|
|
},
|
|
|
|
},
|
|
build: {
|
|
outDir: 'dist',
|
|
target: 'modules',
|
|
chunkSizeWarningLimit: 1500,
|
|
minify: 'terser',
|
|
terserOptions: {
|
|
compress: {
|
|
//生产环境时移除console
|
|
// drop_console: env['VITE_DROP_CONSOLE'] as unknown as boolean,
|
|
// drop_debugger: env['VITE_DROP_CONSOLE'] as unknown as boolean,
|
|
},
|
|
format: {
|
|
//删除注释
|
|
comments: false
|
|
}
|
|
},
|
|
|
|
rollupOptions: {
|
|
output: {
|
|
manualChunks(id) {
|
|
if (id.includes('node_modules')) {
|
|
return id
|
|
.toString()
|
|
.split('node_modules/')[1]
|
|
.split('/')[0]
|
|
.toString();
|
|
}
|
|
},
|
|
chunkFileNames(chunkInfo) {
|
|
const facadeModuleId = chunkInfo.facadeModuleId ? chunkInfo.facadeModuleId.split('/') : [];
|
|
const fileName =
|
|
facadeModuleId[facadeModuleId.length - 2] || '[name]';
|
|
return `js/${fileName}/[name].[hash].js`;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
resolve: {
|
|
alias: {
|
|
'@': pathSrc,
|
|
}
|
|
},
|
|
css: {
|
|
preprocessorOptions: {
|
|
scss: {
|
|
charset: false,
|
|
// 全局css变量
|
|
additionalData: `
|
|
@import "@/assets/scss/variable.scss";
|
|
@import "@/assets/scss/mixin.scss";
|
|
`
|
|
}
|
|
}
|
|
}
|
|
})
|
|
}
|