vite使用vite-aliases插件配置路径别名

介绍

vite-aliases支持Vite4.x版本。

vite-aliases是一款vite社区插件，会自动生成一些import路径别名方面的设置（项目根路径下jsconfig.json可自行配置）。

vite-aliases开源地址：https://github.com/subwaytime/vite-aliases

 

安装

npm i vite-aliases -D

 

vite.config.js配置

import { ViteAliases } from 'vite-aliases'

export default {
	plugins: [ViteAliases()]
};

 

package.json配置

由于vite-aliases插件仅支持ESM，需要在项目根路径下的package.json下配置如下代码：

{
	"type": "module"
}

 

项目信息

package.json

vite.config.js

jsconfig.json

此文件不用手动创建，当安装了和配置好vite-aliases插件后，启动项目，vite-aliases发现项目根路径下没有此文件会自动创建，以下是vite-aliases路径别名的默认配置。  

 

导入示例

 

更多配置信息请到vite-aliases开源地址查阅。