vite配置别名@时遇到错误【Dynamic require of “path“ is not supported 】

遇到的问题

vite项目中配置别名@的时候，使用 const path = require("path") 的形式引入path的时候提示错误：

failed to load config from C:\Users\Administrator\Desktop\zss\note\demo\demo\vite.config.js
10:30:31 [vite] Dynamic require of "path" is not supported     
10:30:31 [vite] server restart failed

错误原因

因为vite中默认不支持 require() 的方式引入。

解决方案

将 require() 引入的方式修改为 import 引入：

const path = require("path")

// 修改为

import path from 'path'

修改之后path就可以正常使用了。