在vite中配置别名的方法

在使用vite构建项目使用@别名作为路径的配置方法：

官网链接：cn.vitejs.dev/config/shar…

1、在 vite.config.js plugins同级配置中添加 resolve配置

export default defineConfig({
  plugins: [vue()],
  resolve:{
    alias:{
      "@":path.join(__dirname,'src')
    }
  }
})

2、 alias中也可以配置多个别名：

 alias:{
      "@":path.join(__dirname,'src'),
      "utils":path.join(__dirname,'src/utils')
    }

3、在项目中使用：

import {PC_DEVVIEWPORT_WIDTH} from '@/constants/index' 

使用node中path模块访问当前目录路径： 【__dirname 解释】

在 Node.js 中，__dirname 是一个全局变量，它返回当前执行脚本所在的目录的绝对路径。这个路径是一个字符串，并且不包括脚本文件名本身。__dirname 常用于需要基于脚本文件位置来访问其他文件或目录的场景。

持续更新中....