技术栈

Vite中定义@软链接

究极无敌暴龙战神X2025-06-14 20:28

在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

上一篇:PHP商城源码:构建高效电商平台的利器
下一篇:快速上手Axios:前端开发者必备技能
相关推荐
祝余呀
2 分钟前
HTML初学者第三天
前端·html
就爱瞎逛
18 分钟前
TailWind CSS Intellisense 插件在VSCode 上不生效
前端·css·vscode·tailwind
柚子816
21 分钟前
sibling-index:我用这个画时钟表盘
前端·css
UI设计和前端开发从业者
36 分钟前
UI前端大数据处理策略优化:基于云计算的数据存储与计算
前端·ui·云计算
前端小巷子
1 小时前
Web开发中的文件上传
前端·javascript·面试
翻滚吧键盘
2 小时前
{{ }}和v-on:click
前端·vue.js
上单带刀不带妹
2 小时前
手写 Vue 中虚拟 DOM 到真实 DOM 的完整过程
开发语言·前端·javascript·vue.js·前端框架
杨进军
2 小时前
React 创建根节点 createRoot
前端·react.js·前端框架
ModyQyW
3 小时前
用 AI 驱动 wot-design-uni 开发小程序
前端·uni-app
说码解字
3 小时前
Kotlin lazy 委托的底层实现原理
前端
热门推荐
012024年 最新 iPhone手机 历代机型、屏幕尺寸、纵横比、分辨率 整理02Coze实战第13讲:飞书多维表格读取+豆包生图模型,轻松批量生成短剧封面03Coze扣子平台完整体验和实践(附国内和国际版对比)04MIUI显示/隐藏5G开关的方法,信号弱时开启手机Wifi通话方法05手机电脑之间快速传输图片视频文件,不压缩画质、不限制大小的方法!06扣子(coze)实战|我用扣子搭建了一个自动分析小红薯笔记内容的AI应用|详细步骤拆解07Word粘贴时出现“运行时错误53,文件未找到:MathPage.WLL“的解决方案08华为昇腾 910B 部署 DeepSeek-R1 蒸馏系列模型详细指南09DeepSeek各版本说明与优缺点分析10django中用 InforSuite RDS 替代memcache