chore(vite.config.ts): 🔨 移除`optimizeDeps.include`预构建配置
This commit is contained in:
郝先瑞
parent
c774d1fb9a
commit
81fd9c5fc8
120
vite.config.ts
120
vite.config.ts
|
|
@ -1,28 +1,28 @@
|
||||||
import vue from '@vitejs/plugin-vue';
|
import vue from "@vitejs/plugin-vue";
|
||||||
|
|
||||||
import { UserConfig, ConfigEnv, loadEnv, defineConfig } from 'vite';
|
import { UserConfig, ConfigEnv, loadEnv, defineConfig } from "vite";
|
||||||
|
|
||||||
import AutoImport from 'unplugin-auto-import/vite';
|
import AutoImport from "unplugin-auto-import/vite";
|
||||||
import Components from 'unplugin-vue-components/vite';
|
import Components from "unplugin-vue-components/vite";
|
||||||
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
|
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
|
||||||
|
|
||||||
import Icons from 'unplugin-icons/vite';
|
import Icons from "unplugin-icons/vite";
|
||||||
import IconsResolver from 'unplugin-icons/resolver';
|
import IconsResolver from "unplugin-icons/resolver";
|
||||||
|
|
||||||
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
|
import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
|
||||||
|
|
||||||
import UnoCSS from 'unocss/vite';
|
import UnoCSS from "unocss/vite";
|
||||||
|
|
||||||
import path from 'path';
|
import path from "path";
|
||||||
const pathSrc = path.resolve(__dirname, 'src');
|
const pathSrc = path.resolve(__dirname, "src");
|
||||||
|
|
||||||
export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
|
export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
|
||||||
const env = loadEnv(mode, process.cwd());
|
const env = loadEnv(mode, process.cwd());
|
||||||
return {
|
return {
|
||||||
resolve: {
|
resolve: {
|
||||||
alias: {
|
alias: {
|
||||||
'@': pathSrc
|
"@": pathSrc,
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
css: {
|
css: {
|
||||||
// CSS 预处理器
|
// CSS 预处理器
|
||||||
|
|
@ -32,27 +32,27 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
|
||||||
javascriptEnabled: true,
|
javascriptEnabled: true,
|
||||||
additionalData: `
|
additionalData: `
|
||||||
@use "@/styles/variables.scss" as *;
|
@use "@/styles/variables.scss" as *;
|
||||||
`
|
`,
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
server: {
|
server: {
|
||||||
host: '0.0.0.0',
|
host: "0.0.0.0",
|
||||||
port: Number(env.VITE_APP_PORT),
|
port: Number(env.VITE_APP_PORT),
|
||||||
open: true, // 运行是否自动打开浏览器
|
open: true, // 运行是否自动打开浏览器
|
||||||
// 反向代理解决跨域
|
// 反向代理解决跨域
|
||||||
proxy: {
|
proxy: {
|
||||||
[env.VITE_APP_BASE_API]: {
|
[env.VITE_APP_BASE_API]: {
|
||||||
// 线上接口API地址
|
// 线上接口API地址
|
||||||
target: 'http://vapi.youlai.tech',
|
target: "http://vapi.youlai.tech",
|
||||||
// 本地接口API地址
|
// 本地接口API地址
|
||||||
// target: 'http://localhost:8989',
|
// target: 'http://localhost:8989',
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
rewrite: path =>
|
rewrite: (path) =>
|
||||||
// localhost:3000/dev-api/users/me → http://vapi.youlai.tech/users/me
|
// localhost:3000/dev-api/users/me → http://vapi.youlai.tech/users/me
|
||||||
path.replace(new RegExp('^' + env.VITE_APP_BASE_API), '')
|
path.replace(new RegExp("^" + env.VITE_APP_BASE_API), ""),
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
plugins: [
|
plugins: [
|
||||||
vue(),
|
vue(),
|
||||||
|
|
@ -61,97 +61,45 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
|
||||||
}),
|
}),
|
||||||
AutoImport({
|
AutoImport({
|
||||||
// 自动导入 Vue 相关函数，如：ref, reactive, toRef 等
|
// 自动导入 Vue 相关函数，如：ref, reactive, toRef 等
|
||||||
imports: ['vue', '@vueuse/core'],
|
imports: ["vue", "@vueuse/core"],
|
||||||
eslintrc: {
|
eslintrc: {
|
||||||
enabled: false, // Default `false`
|
enabled: false, // Default `false`
|
||||||
filepath: './.eslintrc-auto-import.json', // Default `./.eslintrc-auto-import.json`
|
filepath: "./.eslintrc-auto-import.json", // Default `./.eslintrc-auto-import.json`
|
||||||
globalsPropValue: true // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable')
|
globalsPropValue: true, // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable')
|
||||||
},
|
},
|
||||||
resolvers: [
|
resolvers: [
|
||||||
// 自动导入 Element Plus 相关函数，如：ElMessage, ElMessageBox... (带样式)
|
// 自动导入 Element Plus 相关函数，如：ElMessage, ElMessageBox... (带样式)
|
||||||
ElementPlusResolver(),
|
ElementPlusResolver(),
|
||||||
// 自动导入图标组件
|
// 自动导入图标组件
|
||||||
IconsResolver({})
|
IconsResolver({}),
|
||||||
],
|
],
|
||||||
vueTemplate: true, // 是否在 vue 模板中自动导入
|
vueTemplate: true, // 是否在 vue 模板中自动导入
|
||||||
dts: path.resolve(pathSrc, 'types', 'auto-imports.d.ts') // 自动导入组件类型声明文件位置，默认根目录; false 关闭自动生成
|
dts: path.resolve(pathSrc, "types", "auto-imports.d.ts"), // 自动导入组件类型声明文件位置，默认根目录; false 关闭自动生成
|
||||||
}),
|
}),
|
||||||
|
|
||||||
Components({
|
Components({
|
||||||
resolvers: [
|
resolvers: [
|
||||||
// 自动注册图标组件
|
// 自动注册图标组件
|
||||||
IconsResolver({
|
IconsResolver({
|
||||||
enabledCollections: ['ep'] //@iconify-json/ep 是 Element Plus 的图标库
|
enabledCollections: ["ep"], //@iconify-json/ep 是 Element Plus 的图标库
|
||||||
}),
|
}),
|
||||||
// 自动导入 Element Plus 组件
|
// 自动导入 Element Plus 组件
|
||||||
ElementPlusResolver()
|
ElementPlusResolver(),
|
||||||
],
|
],
|
||||||
dts: path.resolve(pathSrc, 'types', 'components.d.ts') // 自动导入组件类型声明文件位置，默认根目录; false 关闭自动生成
|
dts: path.resolve(pathSrc, "types", "components.d.ts"), // 自动导入组件类型声明文件位置，默认根目录; false 关闭自动生成
|
||||||
}),
|
}),
|
||||||
|
|
||||||
Icons({
|
Icons({
|
||||||
// 自动安装图标库
|
// 自动安装图标库
|
||||||
autoInstall: true
|
autoInstall: true,
|
||||||
}),
|
}),
|
||||||
|
|
||||||
createSvgIconsPlugin({
|
createSvgIconsPlugin({
|
||||||
// 指定需要缓存的图标文件夹
|
// 指定需要缓存的图标文件夹
|
||||||
iconDirs: [path.resolve(pathSrc, 'assets/icons')],
|
iconDirs: [path.resolve(pathSrc, "assets/icons")],
|
||||||
// 指定symbolId格式
|
// 指定symbolId格式
|
||||||
symbolId: 'icon-[dir]-[name]'
|
symbolId: "icon-[dir]-[name]",
|
||||||
})
|
}),
|
||||||
],
|
],
|
||||||
optimizeDeps: {
|
|
||||||
include: [
|
|
||||||
'vue',
|
|
||||||
'vue-router',
|
|
||||||
'pinia',
|
|
||||||
'axios',
|
|
||||||
'element-plus/es/components/form/style/css',
|
|
||||||
'element-plus/es/components/form-item/style/css',
|
|
||||||
'element-plus/es/components/button/style/css',
|
|
||||||
'element-plus/es/components/input/style/css',
|
|
||||||
'element-plus/es/components/input-number/style/css',
|
|
||||||
'element-plus/es/components/switch/style/css',
|
|
||||||
'element-plus/es/components/upload/style/css',
|
|
||||||
'element-plus/es/components/menu/style/css',
|
|
||||||
'element-plus/es/components/col/style/css',
|
|
||||||
'element-plus/es/components/icon/style/css',
|
|
||||||
'element-plus/es/components/row/style/css',
|
|
||||||
'element-plus/es/components/tag/style/css',
|
|
||||||
'element-plus/es/components/dialog/style/css',
|
|
||||||
'element-plus/es/components/loading/style/css',
|
|
||||||
'element-plus/es/components/radio/style/css',
|
|
||||||
'element-plus/es/components/radio-group/style/css',
|
|
||||||
'element-plus/es/components/popover/style/css',
|
|
||||||
'element-plus/es/components/scrollbar/style/css',
|
|
||||||
'element-plus/es/components/tooltip/style/css',
|
|
||||||
'element-plus/es/components/dropdown/style/css',
|
|
||||||
'element-plus/es/components/dropdown-menu/style/css',
|
|
||||||
'element-plus/es/components/dropdown-item/style/css',
|
|
||||||
'element-plus/es/components/sub-menu/style/css',
|
|
||||||
'element-plus/es/components/menu-item/style/css',
|
|
||||||
'element-plus/es/components/divider/style/css',
|
|
||||||
'element-plus/es/components/card/style/css',
|
|
||||||
'element-plus/es/components/link/style/css',
|
|
||||||
'element-plus/es/components/breadcrumb/style/css',
|
|
||||||
'element-plus/es/components/breadcrumb-item/style/css',
|
|
||||||
'element-plus/es/components/table/style/css',
|
|
||||||
'element-plus/es/components/tree-select/style/css',
|
|
||||||
'element-plus/es/components/table-column/style/css',
|
|
||||||
'element-plus/es/components/select/style/css',
|
|
||||||
'element-plus/es/components/option/style/css',
|
|
||||||
'element-plus/es/components/pagination/style/css',
|
|
||||||
'element-plus/es/components/tree/style/css',
|
|
||||||
'element-plus/es/components/alert/style/css',
|
|
||||||
'@vueuse/core',
|
|
||||||
|
|
||||||
'path-to-regexp',
|
|
||||||
'echarts',
|
|
||||||
'@wangeditor/editor',
|
|
||||||
'@wangeditor/editor-for-vue',
|
|
||||||
'vue-i18n'
|
|
||||||
]
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue