vite optimizeDeps 配置 预编译的包

joken-前端工程师 / 2024-09-26 / 原文

说明

主要用来让vite启动的时候预编译一些包,而不是运行网页的时候才编译,这样可以加快网页首次的加载速度,但是可能vite首次启动会比较慢点

image

配置示例

optimizeDeps: {
	include: [
		'vue',
		'vue-router',
		'vue-types',
		'element-plus/es/locale/lang/zh-cn',
		'element-plus/es/locale/lang/en',
		'@iconify/iconify',
		'@vueuse/core',
		'axios',
		'qs',
		'echarts',
		'echarts-wordcloud',
		'qrcode',
		'@wangeditor/editor',
		'@wangeditor/editor-for-vue',
		'vue-json-pretty',
		'@zxcvbn-ts/core',
		'dayjs',
		'cropperjs'
	]
}

image