熟悉vue项目的开发朋友应该了解，对于vue项目来说，上线其实就是执行npm run build 命令，然后将build出的dist文件夹上传到服务器上就可以了，对于现在的前后端分离项目来说，就是把dist放到nginx的html文件夹即可。
1、使用Vite搭建Vue的TypeScript版本的时候，可以使用 Vite自带的模板预设 —— vue-ts 。
2、在Vue3中，定义侦听器，需要引入 watch组合式API 。 watch函数 有三个参数：① 侦听谁，② 回调函数，③ 配置对象(可以省略)。
3、搭建vite项目的命令。我的目前是115，升级一下：目前是0 新建vite项目命令行：输入y即可。
4、vite.config.js ：可选配置 useSource： boolean ，默认是 false。
5、等价于：Vue x的异步组件加载函数将不再接收 resolve 和 reject ，而且必须始终返回 Promise 。也就是说，工厂函数接收 resolve 回调的方式定义异步组件在 Vue x 不能使用了。
在webpack配置文件中配置resolve.alias选项，可以将模块映射到绝对路径或一个相对于当前工作目录的路径，这样就可以轻松地导入任何node_modules库。
Prefetch： 用于标记浏览器在页面加载完成后，利用空闲时间预加载的内容。Vue CLI 应用默认为所有作为 async chunk 生成的 JavaScript 文件 (通过动态 import() 按需 code splitting 的产物) 自动生成prefetch提示。
我们先从一般情况开始说。-sourcemap webpack配置提供了devtool这个选项，如果设置为 ‘#source-map’，则可以生成.map文件，在chrome浏览器中调试的时候可以显示源代码。
方式一webpack配置 webpack安装参考安装 webpack 中文网直接在packagejson同级目录下创建创建一个webpack的配置文件即可，然后在配置文件内输入内容方式二vuecli配置 vuecli目前已不。
但是通常项目还需要继续扩展此能力，为此可以在项目根目录下创建一个 webpack.config.js 文件，然后 webpack 会自动使用它。