美文网首页
Vite配置文件设置别名

Vite配置文件设置别名

作者: 小李不小 | 来源:发表于2021-05-31 16:04 被阅读0次

新建vite.config.js 文件

在vite.config.js中的别名前后都加一个/线,还需要对resolve进行结构,具体代码如下

简单的说明一下,之前按照官网去做,一直报错,后来大神尤雨溪给出的解决方案。

const { resolve } = require('path') //必须要引入resolve 
export default {
    alias: {
        '/@/': resolve(__dirname, 'src') //把src改为@
    }
}
使用方法
import HelloWorld from '/@/components/HelloWorld.vue'
import '/@/assets/app.css'

相关文章

  • Vite配置文件设置别名

    新建vite.config.js 文件 在vite.config.js中的别名前后都加一个/线,还需要对resol...

  • Shell | alias

    alias功能:为命令设置别名,放到自己配置文件(.bashrc)中,别名永久生效 在Linux Shell中,别...

  • mybatis的执行流程

    1. 加载全局配置文件(mybatisConfig.xml),这个配置文件中通常是别名设置,拦截器的设置, (当s...

  • Day9-操作系统基础优化

    课程知识梳理复习1) 系统别名设置方法: alias unalias局部配置文件: ~/.bashrc ~/.ba...

  • vite 项目配置别名 @

    第一步,vite 配置vite.config.ts 文件增加 resolve.alias 配置 如果“path”有...

  • vite配置路径别名

    路径别名同样需要在vite.config.ts中配置,此时具体配置如下:

  • linux设置别名

    linux设置别名命令:alias查看设置的别名: 查看某个特定别名代表的命令: 为命令设置别名: 取消别名: 以...

  • Git 王者超神之路

    安装Git 配置文件查看config设置用户信息Git别名.gitignore文件 仓库的基础操作初始化仓库添加文...

  • Mac 配置Sublime

    1). Sublime Text3 2). 打开用户配置文件 3). 设置别名 4). 使命令生效 5). 命令行使用

  • vite中alias别名配置

    关于报错 如果用了ts那么还需要在tsconfig.js中进行额外配置,注意path对象是在compilerOpt...

网友评论

      本文标题:Vite配置文件设置别名

      本文链接:https://www.haomeiwen.com/subject/virmsltx.html