vue3-vant-mobile/vite.config.ts

78 lines
1.8 KiB
TypeScript

import path from 'path'
import { loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import legacy from '@vitejs/plugin-legacy'
import vueJsx from '@vitejs/plugin-vue-jsx'
import type { ConfigEnv, UserConfig } from 'vite'
import { visualizer } from 'rollup-plugin-visualizer'
import Components from 'unplugin-vue-components/vite'
import { viteVConsole } from 'vite-plugin-vconsole'
import { VantResolver } from 'unplugin-vue-components/resolvers'
import createMockServer from './build/mockServer'
export default ({ command, mode }: ConfigEnv): UserConfig => {
const root = process.cwd()
const env = loadEnv(mode, root)
return {
base: env.VITE_APP_PUBLIC_PATH,
define: {
'process.env.VUE_APP_API_BASE_URL': JSON.stringify(env.VITE_APP_API_BASE_URL),
'process.env.VUE_APP_PUBLIC_PATH': JSON.stringify(env.VITE_APP_PUBLIC_PATH)
},
plugins: [
vue(),
vueJsx(),
visualizer(),
legacy({
targets: ['defaults', 'not IE 11']
}),
Components({
dts: true,
resolvers: [VantResolver()],
types: []
}),
viteVConsole({
entry: [path.resolve('src/main.ts')],
localEnabled: command === 'serve',
enabled: false,
config: {
maxLogNumber: 1000,
theme: 'light'
}
})
],
build: {
cssCodeSplit: false,
chunkSizeWarningLimit: 2048
},
resolve: {
alias: {
'~@': path.join(__dirname, './src'),
'@': path.join(__dirname, './src'),
'~': path.join(__dirname, './src/assets')
}
},
server: {
host: true,
port: 3000,
proxy: {
'/api': {
// backend url
target: env.VITE_HTTP_MOCK && env.VITE_MOCK ? createMockServer() : '',
ws: false,
changeOrigin: true
}
}
}
}
}