vite.config.js之resolve.alias配置

Posted 2023-04-12

参考技术A 在引用组件时，可能是下面这样的，其中的路径是相对于当前页面的, 写起来会比较麻烦。

创建 import 或 require 的别名，来确保模块引入变得更简单。
当使用文件系统路径的别名时，请始终使用绝对路径。相对路径的别名值会原封不动地被使用，因此无法被正常解析。

配置 resolve.alias ：

vite.config.js:

即可@/views直接应用组件：

resolve-alias

Vue3.0项目从Webpack改造成Vite

参考技术A 它主要由两部分组成：

官网

1.卸载webpack相关的依赖, 删除vue.config.js配置文件
2.安装依赖

3.修改index.html

4.修改vite.config.js配置文件

5.修改package.json打包命令

这样我们就大功告成了

里面还有写具体的坑 ，大家可以自己踩踩！