技术栈

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:前端开发者必备技能
相关推荐
XiaoYu2002
7 分钟前
第11章 LangChain
前端·javascript·langchain
霉运全滚蛋好运围着转
34 分钟前
启动 Taro 4 项目报错:Error: The specified module could not be found.
前端
cxxcode
37 分钟前
前端模块化发展
前端
不务正业的前端学徒
41 分钟前
docker+nginx部署
前端
不务正业的前端学徒
1 小时前
webpack/vite配置
前端
hhcccchh
1 小时前
学习vue第八天 Vue3 模板语法和内置指令 - 简单入门
前端·vue.js·学习
yyf19890525
1 小时前
Vue 框架相关中文文献
前端·javascript·vue.js
粥里有勺糖
1 小时前
开发一个美观的 VitePress 图片预览插件
前端·vue.js·vitepress
陟上青云
2 小时前
一篇文章带你搞懂原型和原型链
前端
我的写法有点潮
2 小时前
推荐几个国外比较流行的UI库(上)
前端·javascript·css
热门推荐
01GitHub 镜像站点02Labelme从安装到标注:零基础完整指南03安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)04Linux下V2Ray安装配置指南05jdk21下载、安装(Windows、Linux、macOS)06【踩坑笔记】50系显卡适配的 PyTorch 安装07Opencode CLI 安装成功,但是启动失败08手把手教你通过Gemini3 pro 学生认证,白用一年,手慢无!09Claude Code Plan 模式完全指南:从入门到精通10全球最强模型Grok4,国内已可免费使用!(附教程)