vue3配置@指向的问题

已于 2023-06-13 18:54:16 修改
阅读量244 收藏
点赞数
文章标签： web 前端 vue.js
于 2023-06-13 18:53:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qinglanh/article/details/131194342
版权

首先，我们先在vue3+ts这个文件做个实例

第一步：在tsconfig.json这个文件里面，在noFallthroughCasesInSwitch文件后面配置paths和baseUrl

第二步在vite.config.ts文件里面，引入path并且在plugins后面加上resolve及其里面代码

这样就配置完成啦

vue3+vite+ts 配置别名@报错找不到模块
weixin_43754395的博客
11-30 3922
vue3+vite+ts配置别名@报错
Vue配置根目录@（引用路径）
明日复明日的博客
08-12 5487
首先：@是在路径访问时使用的，为了减少层级引用。 @这是webpack设置的路径别名，默认指向src。 旧版本在build/webpack.base.conf这个文件里面定义。 新版本在根目录下创建在vue.config.js定义。 const path = require('path') const resolve = dir => path.join(__dirname, dir) module.exports = { baseUrl: './', runtimeCompile
vue3配置@别名
如果相遇，那么你好哦~
11-13 2006
在项目开发中，通常我们是不写相对路径的，因为有些文件需要在不同的文件中使用，如果使用相对路径，那么我们每次去CV路径的时候就要重新修改。因此通常我们是写跟路径的，但是从头开始又太过于麻烦，因此我们使用 @ 别名来省略前面的路径。
在 Vue 3 中设置 `@` 指向根目录的方法汇总
王兆镇的博客
06-21 2350
在 Vue 3 项目开发中，为了方便管理和引用文件路径，设置指向根目录是一项常见的需求。以下为您总结了几种常见的实现方式。
Vue3第六篇：配置@根路径，替代../../
Good Luck
06-17 9705
1.安装插件2.配置提示vscode中依次点击：文件-首选项-设置-工作区-扩展-path-intellisense对settings.json进行编辑：将path-intellisense.mappings的值设置如下： 3.配置打包在项目根目录下，创建jsconfig.json文件，内容如下： 4.使用：【注意注意注意：css中背景图片路径要用 ~@】..................
vue3 配置@符号
qq_43600406的博客
05-23 495
【代码】vue3 配置@符号。
vue3 webpack 将@指向根目录
09-20
在 Vue3 中，Webpack 是一种常用的模块打包工具，它可以帮助我们将项目拆分成小的、可复用的模块。当你在 Webpack 配置文件（通常在 `webpack.config.js` 或 `vue.config.js`）中设置 alias（别名），可以将某个路径...
webpack搭建的vue怎么配置@/
04-02
在webpack搭建的vue项目中，可以通过配置resolve.alias来设置@/指向的路径。具体方法如下： 1. 打开webpack配置文件，一般为webpack.config.js。 2. 找到resolve配置项，如果没有则需要添加。 3. 在resolve配置项...
vue3 ts 将@指向根目录
09-20
在 Vue3 中使用 TypeScript，当你想要将装饰器 `@` 指向项目根目录的类型声明文件时，你需要设置 TypeScript 的配置。通常在 `.tsconfig.json` 文件中，你可以修改 `paths` 或 `resolve.alias` 配置项来映射路径。 ...
Vue项目部署Nginx配置文件 SSL
08-11
这应指向 Vue 项目 `dist` 文件夹的位置。 ```nginx root /path/to/your/vue/build/dist; # 替换为你的 Vue build 输出路径 ``` 3. **重定向至 HTTPS**： - 如果你打算启用 SSL，可以设置一个 301 重定向，将...
vue3+ vite配置@路径
最新发布
DOVISK的博客
10-11 841
在 Vue 3 和 Vite 项目中，你可以通过配置文件来设置作为路径别名（Alias），用于引用src目录中的文件。这样可以简化导入路径，让代码更简洁和可维护。
vue3想用@/来代表src路径
weixin_53488675的博客
03-13 2431
找到项目中node_modules这一依赖文件夹 查看此文夹下是否有path文件夹，若没有在终端下载一下就有了 npm install path --save 在vue.config.js（若没有就自己新建吧）中输入以下代码来配置 const path = require("path"); function resolve(dir) { return path.join(__dirname, dir); } module.exports = { chainWebpack: (co..
Vue3 + vite项目配置@指向src路径
qq_45787691的博客
09-28 4912
Vue3 +vite项目配置@指向src路径，使用@指向src路径可以方便开发者移动文件时，不会出现不必要的错误。
vue3 vite 配置@
丿灬安之若死
02-26 540
【代码】vue3 vite 配置@
Vue3中配置@解析符
jsbbhx的博客
07-17 301
在根目录vite.config.js/vue.config.js下配置。
vue3路由配置
HWL5679的博客
06-24 2493
在 History 模式下，如果你的服务器没有正确配置，用户可能会在直接访问一个深层链接（如/user/123）时遇到 404 错误，因为服务器通常不知道如何响应这样的请求。
vue3 配置 @符号
weixin_54397440的博客
12-24 638
有 爆红 安装 npm install 一下。tsconfig.json 配置 路径提示功能。config,ts 配置 @然后 配置 路径提示功能。
vite配置vue3的@
m0_46188775的博客
08-05 733
vue3配置@ 。vite
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值