Vue3基础(19)___vite.config.js中配置路径别名

简介: 本文介绍了如何在Vue 3的Vite配置文件`vite.config.js`中设置路径别名,以及如何在页面中使用这些别名导入模块。

在vite.config.js中配置

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
const path = require('path')

export default defineConfig({
    resolve: {
        alias: {
            "@": path.resolve(__dirname, "./src/assets/js"), 
        },
    }

})

页面使用

import axios  from '@/axios'

在这里插入图片描述
坑:引用.vue文件的时候记得写全后缀。

目录
相关文章
|
4月前
|
API
在vite.config.js 配置代理
在vite.config.js 配置代理
458 2
|
9月前
|
API
vite.config.js 的一些常用配置
vite.config.js 的一些常用配置
359 1
|
10月前
|
JavaScript 数据可视化 前端开发
【Vue.js】vue-cli搭建SPA项目并实现路由与嵌套路由---详细讲解
【Vue.js】vue-cli搭建SPA项目并实现路由与嵌套路由---详细讲解
93 0
|
12月前
|
JavaScript
Vue vue-config.js(字段属性详细介绍)
Vue vue-config.js(字段属性详细介绍)
81 2
|
4月前
|
Web App开发 缓存 前端开发
VUE-CLI可选的配置文件vue.config.js
VUE-CLI可选的配置文件vue.config.js
64 0
|
JavaScript 开发者
Vue 创建项目后没有 webpack.config.js(vue.config.js) 文件
Vue 创建项目后没有 webpack.config.js(vue.config.js) 文件
493 0
|
1月前
|
JSON 前端开发 JavaScript
vue.config.js配置详解
【8月更文挑战第16天】vue.config.js配置详解
27 1
vue.config.js配置详解
|
2月前
|
JavaScript
Eslint.js文件Vue中没有,如何修改配置
Eslint.js文件Vue中没有,如何修改配置
|
2月前
|
JavaScript 测试技术
Vue开发项目过程中环境变量的配置(vite、vue3、ts)
Vue开发项目过程中环境变量的配置(vite、vue3、ts)
38 0
|
4月前
|
前端开发 API
nuxt.config.js 配置
我们在使用Nuxt.js提供的create-nuxt-app 创建项目后,更希望对它自定义一些东西,这里我们可以在根目录下找到nuxt.config.js
153 7