vue配置@路径实现方式
更新时间：2025年11月03日 09:21:26 作者：以对_
文章介绍了在Vue项目中使用path模块的步骤,首先检查项目中是否已经存在node_modules文件夹中的path模块,如果不存在则需要通过安装命令进行安装,其次,在项目的vue.config.js文件中进行相应的配置,最后,详细说明了如何使用path模块
vue配置@路径
第一步：安装path
如果node_module文件夹中有path就不用安装了
安装命令：
npm install path --save
第二步：在vue.config.js文件
（如果没有就新建）中配置
const path = require("path");
function resolve(dir) {
return path.join(__dirname, dir);
}
module.exports = {
chainWebpack: config => {
config.resolve.alias
.set("@", resolve("src"))
.set("assets", resolve("src/assets"))
.set("components", resolve("src/components"))
.set("public", resolve("public"));
},
}
第三步：使用
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了vue组件传值，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
ElementUI时间选择器限制选择范围disabledData的使用
本文主要介绍了ElementUI时间选择器限制选择范围disabledData的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
这篇文章主要为大家介绍了vue面试observable原理详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
这篇文章主要介绍了vue-cli4 配置不同开发环境打包命令,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-07-07
Vue-router是Vue的核心组件，主要是作为Vue的路由管理器，Vue-router默认hash模式，通过引入Vue-router对象模块时配置mode属性可以启用history模式，本文将通过代码示例给大家详细分析Vue路由History模式2023-06-06
这篇文章主要介绍了Vue-router路由该如何使用，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下2021-03-03
文章介绍了如何在需求系统中创建一个位于页面上方的公告展示组件,展示了如何在App.vue或其他页面组件中使用这个公告组件,感兴趣的朋友一起看看吧2025-01-01
Vue router的addRoute方法实现控制权限方法详解
这篇文章主要介绍了vue动态路由添加，vue-router的addRoute方法实现权限控制流程，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2022-09-09
今天我们来给大家介绍下在Vue开发中我们经常会碰到的一种需求场景，本文主要介绍了Vue动态查询规则生成组件，需要的朋友们下面随着小编来一起学习学习吧2021-05-05
本文主要介绍了vue3+ts+mock实现增删改查json文件的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2025-07-07
最新评论