官网原文：

类型：

Record<string, string> | Array<{ find: string | RegExp, replacement: string }>

将会被传递到 @rollup/plugin-alias 作为它的 entries。也可以是一个对象，或一个 { find, replacement } 的数组.

当使用文件系统路径的别名时，请始终使用绝对路径。相对路径作别名值将按原样使用导致不会解析到文件系统路径中。

更高级的自定义解析方法可以通过插件实现。

JavaScript

直接理解为我们在项目中引用文件的路径别名配置吧。至于里面的高级语法，文档中也说明了去哪研究了。

VbenAdmin的例子：

resolve: {alias: [{// /@/xxxx  =>  src/xxxfind: /^\/@\//,replacement: pathResolve('src') + '/',},{// /#/xxxx  =>  types/xxxfind: /^\/#\//,replacement: pathResolve('types') + '/',},],
}

Vite resolve.alias相关推荐

vite配置alias
vite.config.js 别名配置 resolve.alias 类型: Record<string, string> | Array<{ find: string | RegEx ...
webpack 使用别名（resolve.alias）解决scss @import相对路径导致的问题
webpack.conf.js 中 resolve.alias 配置 resolve: {extensions: ['.js', '.vue'],alias: {'@': path.resolve(_ ...
【Cli下在vue.config.js配置configureWebpack/resolve/alias之无效 - 】
cli下在vue.config.js配置configureWebpack/resolve/alias无效 - DCloud问答
webpack的resolve.modules和 resolve.alias有什么区别
webpack的resolve.modules和 resolve.alias有什么区别? resolve.modules是用来设置模块搜索的目录,设定目录以后,import模块路径,就可以从一个子目录 ...
vite webstorm alias @
vite webstorm 识别路径别名@ // webstorme 识别 // 在tsconfig.json complierOptions 下添加 "baseUrl": &qu ...
云端极简部署Svelte3聊天室
一 .通过云开发平台快速创建初始化应用 1.创建相关应用模版请参考链接:尝鲜少代码高性能的Svelte框架 2.完成创建后就可以在github中查看到新增的Vite仓库二 . 本地编写 Svelte ...
【JEECG】Vue3-02Vite详细使用教程
1.概要介绍 1.1 什么是 Vite https://cn.vitejs.dev/ 新型前端构建工具,主要由两部分组成: 一个开发服务器,基于原生 ES 模块提供内建功能,如模块热更新(HMR ...
vite alias配置路径地址别名
先安装@types/node yarn add @types/node --save-dev 目录下会多出 tsconfig.node.json文件修改tsconfig.json,增加如下配置 {& ...
vite + react + ts 配置路径别名alias
vite + react + ts 配置路径别名alias vite + react + ts 配置路径别名alias 首先下载 @types/node 包第一步配置 tsconfig.js 第二部 ...

Vite resolve.alias

官网原文：

Vite resolve.alias相关推荐

最新文章

热门文章