vite2.1 最新alias别名设置方式

本文介绍了如何在Vite2.1中设置alias别名,包括在vite.config.js文件中使用对象和数组形式配置绝对路径,以及通过插件实现更高级的自定义解析。示例代码展示了对`@`、`components`等目录的别名设定。
摘要由CSDN通过智能技术生成

vite.config.js 别名配置

resolve.alias

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

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

    当使用文件系统路径的别名时,请始终使用绝对路径。相对路径的别名值会被原封不动地使用,因此无法被正常解析。

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

    import {
    defineConfig
    } from ‘vite’
    import path from “path”;
    import vue from ‘@vitejs/plugin-vue’

    // https://vitejs.dev/config/
    export default defineConfig({
    resolve: {
    alias: {
    “@”: path.resolve(__dirname, “src”),
    “components”: path.resolve(__dirname, “src/components”),
    “styles”: pat

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值