前言

我们之前写项目一直是使用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: [