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

相关推荐
若梦plus11 分钟前
React之react-dom中的dom-server与dom-client
前端·react.js
若梦plus13 分钟前
react-router-dom中的几种路由详解
前端·react.js
若梦plus14 分钟前
Vue服务端渲染
前端·vue.js
Mr...Gan25 分钟前
VUE3(四)、组件通信
前端·javascript·vue.js
OEC小胖胖26 分钟前
渲染篇(二):解密Diff算法:如何用“最少的操作”更新UI
前端·算法·ui·状态模式·web
万少33 分钟前
AI编程神器!Trae+Claude4.0 简单配置 让HarmonyOS开发效率飙升 - 坚果派
前端·aigc·harmonyos
前端工作日常37 分钟前
我学习到的描述项目持续迭代具体成果
前端·测试
德育处主任41 分钟前
p5.js 从零开始创建 3D 模型,createModel入门指南
前端·数据可视化·canvas
前端工作日常44 分钟前
我学习到的 npx 命令
前端·npm
你的人类朋友1 小时前
❤️‍🔥BFF架构版的hello world
前端·后端·架构