vue中引入路径@的用法及说明

最新推荐文章于 2025-04-24 14:21:26 发布
最新推荐文章于 2025-04-24 14:21:26 发布
阅读量841 收藏 8
点赞数 10
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42164957/article/details/135248286
版权
本文介绍了如何在Vue项目中，通过修改vue.config.js文件的configureWebpack.resolve配置，将静态资源如assets和public的路径指向正确的目录。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一. 配置

在vue.config.js配置

module.exports = {
    configureWebpack: {
        resolve: {
            'assets': '@/assets',
            'public': '@/public'
        }
    }
}

尚梦
关注
vue导入私有组件和注册全局组件和props自定义属性(插件配置@路径提示)
weixin_68658847的博客
12-30 1498
vue导入私有组件和注册全局组件和props自定义属性
解决vite+vue3+typescript中使用@路径映射src引入vue router和vuex报错问题
yunmengying的博客
07-01 5796
报错为 找不到模块@/store（@/router） 这个报错不影响使用，查明原因不是ts.config.json的路径映射配置问题，而是router和vuex的index文件是js文件，而main.ts是typescript文件，引入的router和store没有类型声明，统一修改为typescript文件后解决。 文件修改如下： main.ts //vue router import router from '@/router/index' //vuex import store from '@/s
vue配置@路径
qq_44161722的博客
10-12 1250
第二步：在vue.config.js文件（如果没有就新建）中配置。第一步：安装path，如果node_module文件夹中有。
解决VS Code中Vue项目不识别`@/`的可能解决方案及总结
最新发布
爱的叹息的专栏
04-24 559
解决VS Code中Vue项目不识别`@/`的可能解决方案及总结
vue中引入路径@的用法
zszcc的博客
09-14 6410
一、Vue文件中引用路径的介绍 1、路径 ./ ./当前文件同级目录 2、路径 …/ …/当前文件上一级目录 3、@符号 @ 的作用是在你引入模块时，可以使用 @ 代替 /src 目录，避免易错的相对路径。 二、Vue中使用 1. vue.config.js配置文件中使用 chainWebpack(config) { config.resolve.alias .set('@', resolve('src')) .set('assets', resolve('s
vue中怎么配置@路径
m0_74331185的博客
06-17 2221
首先vite去创建项目，然后在vite.conflg.js文件中去配置。2,创建一个文件读取方法，fuction。3，在export default中配置。
vscode中Vue别名路径提示的实现
11-19
当使用 Vue 框架进行项目开发时，在 vue.config.js 中配置好了路径别名后，到其他页面引入组件、引入 css 、引入静态文件路径时，使用路径别名不会智能提示路径。虽然在 vscode 中安装了Path Intellisense 插件，...
vue中如何动态绑定图片,vue中通过data返回图片路径的方法
08-28
在Vue.js框架中，动态绑定图片是常见的需求，特别是在数据驱动的应用中，图片路径可能根据用户操作或后台数据的变化而变化。本篇文章将详细介绍如何在Vue中动态绑定图片以及通过`data`对象返回图片路径的方法。 ...
vue :src 文件路径错误问题的解决方法
08-27
那么，我们可以通过在 static 目录下新建一个 JSON 文件夹，然后填写 JSON 文件，最后将 JSON 文件引入响应的 Vue 文件中，解析引用就行了。 vue :src 文件路径错误问题的解决方法可以通过将图片作为模块加载进去...
vue中如何引入jQuery和Bootstrap
10-20
1. 引入ProvidePlugin插件，这样可以在全局作用域中使用jQuery和$符号，代码如下： ```javascript new webpack.ProvidePlugin({ jQuery: 'jquery', $: 'jquery' }) ``` 2. 在main.js文件中，使用import引入...
Vue项目中使用@路径
热门推荐
Good Luck
06-10 9万+
第一步：安装一下path npm install path --save 第二步：在vue.config.js文件中配置一下
Vue---在vue路径中@的使用
前端与计算机相关知识的分享，博主的qq523235674
02-19 2506
1.@表示项目文件夹src目录 'src/index.vue' 等价于 '@/index.vue' 2.如果在css代码中则需要在前面加~ 在css代码中 @import 'src/index.css'; 等价于 @import '~@/index.css';
vue2.0_vue中配置@开头的路径
QiuRenBB的博客
04-27 5270
安装path npm install path --save 在vue.config.js中进行配置 let path = require('path'); function resolve (dir) { return path.join(__dirname, dir) } module.exports = { chainWebpack: (config) => { config.resolve.alias .set('@', resolve('src'))
vue使用@路径引入
马优晨
06-04 2万+
vue使用@路径引入，这个在项目中很常见； 项目中使用引入文件有时候路径比较深，需要使用"../../../xx.js"这种类似的路劲引入，这种方式比较笨，可以使用webpack的别名alias配置来解决。 首先，先确定项目中是否有path模块： 如果没有path模块需要先安装path npm install path --save （1）vue-cli1，vue-cli2搭建的项目 以下为vue.config.js配置 const path = require("path"); function
vue中引入路径@的用法，@实际上=/src目录
zz2230633069的博客
10-20 6229
一、Vue文件中引用路径的介绍 1、路径 ./ ./当前文件同级目录 2、路径 …/ …/当前文件上一级目录 3、@符号 @ 的作用是在你引入模块时，可以使用 @ 代替 /src 目录（是固定的），避免易错的相对路径。 二、Vue中使用 1. vue.config.js配置文件中使用 chainWebpack(config) { config.resolve.alias .set('@', resolve('src')) .set('assets', res
vue3 配置@根路径
Shivy_的博客
02-18 569
vue3 配置@根路径
vue 如何配置@绝对路径
who_become_gods的博客
02-25 1万+
第一种：直接使用@ vue项目中默认定义了@（最常用）和vue$两个别名 ， @这东西代表着到src这个文件夹的路径， 下面所属目录可以直接 @/views @/components @/store @/router @/assets ├── vue.config.js ├── package.json ├── babel.config.js ├── public └──index.html ├── src └── assets └── com
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值