前言
我们之前写项目一直是使用npm进行运行webpack的项目,而运行webpack的项目会造成一种问题,那么就是运行的时候很长,可能很多人在面对这种情况就会觉得很难受,随着vue3的使用越来越多和vue3一起使用的还有一个前端开发与构建工具,拿就是vite。
vite的使用使我们打包,运行项目的速度都有了进一步的提高,那么接下来我们来看看vite的一些配置,该配置主要包含项目的运行服务、打包、以及插件的使用。下面配置vite必须高于或者等于2.0以上的版本,node版本在14以上,我使用的是14.16.1版本。
base配置
base:公共路径配置,完整的url或者空字符串或者./或者绝对url路径
base: '' // 空串base: './' // ./路径base: '/test/' // 绝对url路径base: 'http://baidu.com/' // 绝对url路径
publicDir:静态资源服务的文件夹,打包上线后,所对应的文件夹名称
publicDir:'/' // 开发环境publicDir:'test' // 上线修改配置
resolve.alias: 配置别名,类型数组,里面是对象,find对应查找方式,replacement对应路径
resolve: { alias: [