import vue from '@vitejs/plugin-vue'
|
// config alias
|
import path from 'path'
|
import { ConfigEnv, defineConfig, UserConfigExport, loadEnv } from 'vite'
|
import ViteComponents, { AntDesignVueResolver } from 'vite-plugin-components'
|
// Introduce eslint plugin
|
import eslintPlugin from 'vite-plugin-eslint'
|
import OptimizationPersist from 'vite-plugin-optimize-persist'
|
import PkgConfig from 'vite-plugin-package-config'
|
import viteSvgIcons from 'vite-plugin-svg-icons'
|
import { viteVConsole } from 'vite-plugin-vconsole'
|
import cesium from 'vite-plugin-cesium'
|
// autoImport
|
import AutoImport from 'unplugin-auto-import/vite'
|
import { CURRENT_CONFIG } from './src/api/http/config'
|
// https://vitejs.dev/config/
|
export default defineConfig(({ command, mode }) => {
|
// 添加第三个参数空字符串时 '' ,会在env中包含所有环境变量；反之，只包含.env文件中配置的环境变量
|
const env = loadEnv(mode, process.cwd() + '/env')
|
// eslint-disable-next-line no-useless-escape
|
return {
|
plugins: [
|
vue(),
|
cesium(),
|
eslintPlugin({
|
fix: true
|
}),
|
ViteComponents({
|
customComponentResolvers: [AntDesignVueResolver()],
|
}),
|
viteSvgIcons({
|
// 指定需要缓存的图标文件夹
|
iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
|
// 指定symbolId格式
|
symbolId: 'icon-[dir]-[name]',
|
}),
|
viteVConsole({
|
entry: path.resolve(__dirname, './src/main.ts'), // 入口文件
|
localEnabled: command === 'serve', // serve开发环境下
|
// enabled: command !== 'serve' || mode === 'test', // 打包环境下/发布测试包,
|
config: { // vconsole 配置项
|
maxLogNumber: 1000,
|
theme: 'light'
|
}
|
}),
|
AutoImport({
|
dts: 'types/auto-imports.d.ts',
|
imports: ['vue', 'vue-router'],
|
// 解决eslint报错问题
|
eslintrc: {
|
// 这里先设置成true然后npm run dev 运行之后会生成 .eslintrc-auto-import.json 文件之后，在改为false
|
enabled: false,
|
filepath: './.eslintrc-auto-import.json', // 生成的文件路径
|
globalsPropValue: true,
|
},
|
}),
|
PkgConfig(),
|
OptimizationPersist()
|
// [svgBuilder('./src/assets/icons/')] // All svg under src/icons/svg/ have been imported here, no need to import separately
|
],
|
server: {
|
open: true,
|
host: '0.0.0.0',
|
port: 8080,
|
proxy: {
|
[env.VITE_BASE_API]: {
|
// 代理请求之后的请求地址（你的真实接口地址)
|
target: env.VITE_API_URL,
|
rewrite: path => path.replace(new RegExp(`^${env.VITE_BASE_API}`), ''),
|
// 跨域
|
changeOrigin: true
|
}
|
}
|
},
|
envDir: './env',
|
resolve: {
|
alias: [{
|
// https://github.com/vitejs/vite/issues/279#issuecomment-635646269
|
find: '/@',
|
replacement: path.resolve(__dirname, './src'),
|
}
|
]
|
},
|
css: {
|
preprocessorOptions: {
|
scss: {
|
// example : additionalData: `@import "./src/design/styles/variables";`
|
// dont need include file extend .scss
|
additionalData: '@import "./src/styles/variables";'
|
},
|
}
|
},
|
base: './',
|
build: {
|
target: ['es2015'], // 最低支持 es2015
|
sourcemap: true
|
}
|
}
|
})
|
// export default ({ command, mode }: ConfigEnv): UserConfigExport => defineConfig({
|
// plugins: [
|
// vue(),
|
// cesium(),
|
// eslintPlugin({
|
// fix: true
|
// }),
|
// ViteComponents({
|
// customComponentResolvers: [AntDesignVueResolver()],
|
// }),
|
// viteSvgIcons({
|
// // 指定需要缓存的图标文件夹
|
// iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
|
// // 指定symbolId格式
|
// symbolId: 'icon-[dir]-[name]',
|
// }),
|
// viteVConsole({
|
// entry: path.resolve(__dirname, './src/main.ts'), // 入口文件
|
// localEnabled: command === 'serve', // serve开发环境下
|
// // enabled: command !== 'serve' || mode === 'test', // 打包环境下/发布测试包,
|
// config: { // vconsole 配置项
|
// maxLogNumber: 1000,
|
// theme: 'light'
|
// }
|
// }),
|
// AutoImport({
|
// dts: 'types/auto-imports.d.ts',
|
// imports: ['vue', 'vue-router'],
|
// // 解决eslint报错问题
|
// eslintrc: {
|
// // 这里先设置成true然后npm run dev 运行之后会生成 .eslintrc-auto-import.json 文件之后，在改为false
|
// enabled: false,
|
// filepath: './.eslintrc-auto-import.json', // 生成的文件路径
|
// globalsPropValue: true,
|
// },
|
// }),
|
// PkgConfig(),
|
// OptimizationPersist()
|
// // [svgBuilder('./src/assets/icons/')] // All svg under src/icons/svg/ have been imported here, no need to import separately
|
// ],
|
// server: {
|
// open: true,
|
// host: '0.0.0.0',
|
// port: 8080,
|
// proxy: {
|
// '/uav': {
|
// // 代理请求之后的请求地址（你的真实接口地址)
|
// target: CURRENT_CONFIG.baseURL,
|
// rewrite: path => path.replace(/^\/uav/, ''),
|
// // 跨域
|
// changeOrigin: true
|
// }
|
// }
|
// },
|
// envDir: './env',
|
// resolve: {
|
// alias: [{
|
// // https://github.com/vitejs/vite/issues/279#issuecomment-635646269
|
// find: '/@',
|
// replacement: path.resolve(__dirname, './src'),
|
// }
|
// ]
|
// },
|
// css: {
|
// preprocessorOptions: {
|
// scss: {
|
// // example : additionalData: `@import "./src/design/styles/variables";`
|
// // dont need include file extend .scss
|
// additionalData: '@import "./src/styles/variables";'
|
// },
|
// }
|
// },
|
// base: './',
|
// build: {
|
// target: ['es2015'], // 最低支持 es2015
|
// sourcemap: true
|
// }
|
// })
|
