十二、vite配置详解

前言

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