Vite中定义@软链接

在webpack中可以直接通过@符号表示src路径,但是vite中默认不可以。

如何实现:

vite中提供了resolve.alias:通过别名在指向一个具体的路径

在vite.config.js中

javascript 复制代码
import { join } from 'path'

export default defineConfig({
  plugins: [vue()],
  // 软链接
  resolve: {
    alias: {
      '@': join(__dirname, '/src')
    }
  }
})

这样就可以通过@代替src

相关推荐
阿贾克斯的黎明1 分钟前
现代前端的魔法标签:HTML5 语义化标签全解析
前端·html·html5
菠菜盼娣4 分钟前
vue3知识点
前端·vue.js
JIngJaneIL8 分钟前
基于java+ vue建筑材料管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
土豆125010 分钟前
终端自治时代的 AI 开发范式:Claude Code CLI 全方位实操指南
前端·人工智能·程序员
Gazer_S13 分钟前
【Vue Router 路由守卫(Navigation Guards)指南:概念、执行顺序、beforeResolve、异步路由组件】
前端·javascript·vue.js
半梅芒果干14 分钟前
vue3 新建文件store自动导入
开发语言·前端·javascript
玖笙&24 分钟前
✨万字解析解析:Vue.js优雅封装级联选择器组件(附源码)
前端·javascript·vue.js·前端框架
烟袅25 分钟前
深入理解 React 中 useState 与 useEffect
前端·javascript·react.js