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

相关推荐
未来之窗软件服务10 分钟前
未来之窗昭和仙君(四十八)开发商品进销存修仙版——东方仙盟筑基期
前端·仙盟创梦ide·东方仙盟·昭和仙君·东方仙盟架构
风清云淡_A40 分钟前
【REACT16】react老项目版本依赖适配问题
前端·react.js
jump68042 分钟前
【react】 useEffect
前端
前端小咸鱼一条43 分钟前
16.React性能优化SCU
前端·react.js·性能优化
起风了___1 小时前
Flutter 全局音频播放单例实现(附完整源码)——基于 just_audio 的零依赖方案
前端·flutter
im_AMBER1 小时前
React 09
前端·javascript·笔记·学习·react.js·前端框架
用户4099322502121 小时前
快速入门Vue模板里的JS表达式有啥不能碰?计算属性为啥比方法更能打?
前端·ai编程·trae
非专业程序员1 小时前
HarfBuzz 实战:五大核心API 实例详解【附iOS/Swift实战示例】
前端·程序员
DreamMachine1 小时前
Flutter 开发的极简风格音乐播放器
前端·flutter
前端老宋Running1 小时前
前端防抖与节流一篇讲清楚
前端·面试