95 lines
2.9 KiB
TypeScript
95 lines
2.9 KiB
TypeScript
import { defineConfig, loadEnv, type ConfigEnv } from 'vite'
|
|
import tailwindcss from '@tailwindcss/vite'
|
|
import type { UserConfig } from 'vite'
|
|
import vue from '@vitejs/plugin-vue'
|
|
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
|
|
import path from 'path'
|
|
import type { MinifyOptions } from 'terser'
|
|
import { fileURLToPath } from 'url'
|
|
|
|
const __filename = fileURLToPath(import.meta.url);
|
|
const __dirname = path.dirname(__filename);
|
|
|
|
// https://vite.dev/config/
|
|
export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
|
|
// 加载环境变量
|
|
const env = loadEnv(mode, process.cwd(), '')
|
|
|
|
return {
|
|
base: './', // 部署目录，默认根目录
|
|
define: {
|
|
'process.env': {}
|
|
},
|
|
resolve: {
|
|
alias: {
|
|
'@': path.resolve(__dirname, 'src'),
|
|
'jquery': path.resolve(__dirname, 'node_modules/jquery/dist/jquery.min.js'),
|
|
'bootstrap': path.resolve(__dirname, 'node_modules/bootstrap/dist/js/bootstrap.bundle.min.js'),
|
|
'jquery.nicescroll': path.resolve(__dirname, 'node_modules/jquery.nicescroll/jquery.nicescroll.min.js'),
|
|
'*': path.resolve('')
|
|
},
|
|
// 导入时想要省略的扩展名列表
|
|
extensions: ['.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
|
|
},
|
|
plugins: [
|
|
tailwindcss(),
|
|
vue(),
|
|
// SVG 图标插件
|
|
createSvgIconsPlugin({
|
|
iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
|
|
symbolId: 'icon-[dir]-[name]',
|
|
})
|
|
],
|
|
css: {
|
|
preprocessorOptions: {
|
|
scss: {
|
|
additionalData: `@use "@/styles/variable.scss" as *;`,
|
|
},
|
|
},
|
|
},
|
|
// 开发服务器配置
|
|
server: {
|
|
host: '0.0.0.0', // 监听所有地址
|
|
port: 3000, // 默认端口
|
|
open: true, // 自动打开浏览器
|
|
cors: true, // 启用 CORS
|
|
strictPort: false, // 端口被占用时尝试其他端口
|
|
// 代理配置
|
|
proxy: {
|
|
// 本地开发 API 代理
|
|
'/api': {
|
|
target: env.VITE_API_BASE_URL, // 后端 API 服务器地址
|
|
changeOrigin: true,
|
|
rewrite: (path) => path.replace(/^\/api/, '')
|
|
}
|
|
},
|
|
// 配置静态资源服务
|
|
fs: {
|
|
strict: true,
|
|
allow: ['..']
|
|
}
|
|
},
|
|
// 构建配置
|
|
build: {
|
|
target: 'es2015',
|
|
outDir: 'dist',
|
|
assetsDir: 'assets',
|
|
assetsInlineLimit: 4096, // 4kb 以下的资源内联为 base64
|
|
sourcemap: mode !== 'production', // 非生产环境生成 sourcemap
|
|
minify: 'terser',
|
|
terserOptions: {
|
|
compress: {
|
|
drop_console: mode === 'production', // 生产环境移除 console
|
|
drop_debugger: true, // 移除 debugger
|
|
},
|
|
} as MinifyOptions,
|
|
chunkSizeWarningLimit: 1000, // chunk 大小警告限制
|
|
},
|
|
// 预构建配置
|
|
optimizeDeps: {
|
|
include: ['vue', 'vue-router', 'pinia', 'axios', 'element-plus'],
|
|
exclude: []
|
|
}
|
|
}
|
|
})
|