前端开发中路径别名的使用，可以是我们在路径的使用中更加便捷、清晰明了。本文详细介绍如何在viet2版本中配置指定路径别名。

案例vite版本及相关数据信息如图：

具体实现步骤如下：

1、安装path插件

npm  install  path  --save

2、vite.config.js配置如下：

const path = require('path')
function resolve(dir) {
  return path.join(__dirname, dir)
}
export default defineConfig({
  plugins: [vue()],
  alias: {
    '@': resolve('src')
  }
})

3、在main.js中的使用

import "@/styles/common.scss"

以上便是对路径别名配置的详细说明，各位自行取其有需要的部分。