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 小时前
ESLint 插件笔记
前端
纪伊路上盛名在1 小时前
jupyter内核崩溃
前端·数据库·jupyter·生物信息·基因组·k-mer
Net蚂蚁代码3 小时前
Angular入门的环境准备步骤工作
前端·javascript·angular.js
小着5 小时前
vue项目页面最底部出现乱码
前端·javascript·vue.js·前端框架
lichenyang4538 小时前
React ajax中的跨域以及代理服务器
前端·react.js·ajax
呆呆的小草8 小时前
Cesium距离测量、角度测量、面积测量
开发语言·前端·javascript
一 乐9 小时前
民宿|基于java的民宿推荐系统(源码+数据库+文档)
java·前端·数据库·vue.js·论文·源码
testleaf9 小时前
前端面经整理【1】
前端·面试
好了来看下一题9 小时前
使用 React+Vite+Electron 搭建桌面应用
前端·react.js·electron
啃火龙果的兔子9 小时前
前端八股文-react篇
前端·react.js·前端框架