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.js 是一个流行且强大的 JavaScript 框架,它允许我们构建动态和交互式 Web 应用程序,本文我们将深入探讨 Vue.js 应用程序中内存泄漏的原因,并探索如何定位和修复这些问题的有效策略,希望对大家有所帮助2023-09-09
这篇文章主要介绍了vue css 相对路径导入问题级踩坑记录，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
Electron相当于一个浏览器的外壳,可以把现有的vue程序嵌入到壳里面,下面这篇文章主要给大家介绍了关于如何使用electron将vue项目打包成exe的相关资料,需要的朋友可以参考下2023-01-01
vue+canvas实现炫酷时钟效果的倒计时插件（已发布到npm的vue2插件，开箱即用）
这篇文章主要介绍了vue+canvas实现炫酷时钟效果的倒计时插件（已发布到npm的vue2插件，开箱即用） ,需要的朋友可以参考下2018-11-11
这篇文章主要介绍了Vue路由传参props解耦的三种方式小结，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
这篇文章主要介绍了在Vue项目中引入腾讯验证码服务的教程,需要的朋友可以参考下2018-04-04
这篇文章主要为大家详细介绍了Vue通过input筛选数据的相关代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
Vuex是一个专为Vue.js应用程序开发的状态管理模式,下面这篇文章主要给大家介绍了关于Vue中状态管理器(vuex)详解以及实际应用场景的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-02-02
Sentry 是一个开源的错误追踪工具，可以帮助开发人员实时监控和修复系统中的错误。这篇文章主要介绍了vue项目前端错误收集之sentry,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-05-05
这篇文章主要介绍了vue文件使用iconfont解析，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
最新评论