美文网首页
vite配置路径别名

vite配置路径别名

作者: 夏夏夏夏顿天 | 来源:发表于2023-02-02 11:18 被阅读0次

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

import { join} from "path"; // 此处如果报错则安装 node/path依赖
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import vueJsx from "@vitejs/plugin-vue-jsx";

export default defineConfig({
  plugins: [vue(), vueJsx()],
  server: {
    port: 8888
  },
  resolve: {
    alias: {
      "@": join(__dirname, "/src"),
    },
  },
});

相关文章

  • vite配置路径别名

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

  • vite+ts项目中路径别名的配置

    vite.config.ts中别名配置 利用node中的path获取绝对路径 此时配置完成即可在项目中使用别名,但...

  • vite 项目配置别名 @

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

  • vite中alias别名配置

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

  • vite配置proxy不生效

    检查vite.config的proxy配置 检查axios的配置 baseURL不要带绝对路径 请求时,接口不要写死路径

  • vite.config配置alias时报错:Error: ENO

    使用 vite 工具构建项目时,为了 import 方便,一般会配置 alias 别名。例如:@ 代表 src 目...

  • 2018-12-08

    Vue.js别名配置 一下是鄙人一引入css文件路径太长,代码不雅观配置的别名,其他配置同理。 没有配置别名时: ...

  • VUE项目配置相关记录

    以下配置都是基于VUE cli 3构建的应用 配置参考 配置路径别名 可以将各种常用路径,比如components...

  • 01-yarn整合vite2搭建vue3项目

    1 安装yarn并创建vue3项目 创建vite项目 运行项目 打开vite.config.js文件配置一下路径别...

  • Vite配置文件设置别名

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

网友评论

      本文标题:vite配置路径别名

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