vue cli-3 如何简单粗暴设置别名

最新推荐文章于 2024-05-23 14:11:04 发布
最新推荐文章于 2024-05-23 14:11:04 发布
阅读量280 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Edwiin_9/article/details/104024118
版权

在根目录新建 vue.config.js

module.exports = {
configureWebpack: {
resolve: {
alias: {
‘assets’: ‘@/assets’,
‘common’: ‘@/common’,
‘components’: ‘@/components’,
‘network’: ‘@/network’,
‘views’: ‘@/views’,
}
}
}
}

默认@为src目录
在html页面中引用时 需要加~assets

Edwiin_9
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue3-33-路由-路由的别名配置 alias
northcastle的博客
01-03 1576
vue3 中路由的别名配置使用案例
Vue全家桶
QQ418579986的博客
08-02 189
实战总结
vue-cli3构建的项目中配置别名
weixin_44592912的博客
06-05 929
最近在使用vue-cli3构建一套有关Vue的前端解决化方案时，对于引入组件或相关路径的操作必须找出它的相关路径很是不方便，想在webpack配置文件中为项目配置别名。查询文档发现vue-cli3隐藏了webpack.config.js文件，要想对webpack进行配置需要在项目下创建vue.config.js文件，之后在其中进行配置。具体文档 配置别名之后，文件引入方便，不用再关心文件层级关系，之后就算将组件移到别的文件也不用改变路径 具体步骤： 在项目下创建vue.config.js文件 写入下面配置
vue3配置@别名
如果相遇，那么你好哦~
11-13 1942
在项目开发中，通常我们是不写相对路径的，因为有些文件需要在不同的文件中使用，如果使用相对路径，那么我们每次去CV路径的时候就要重新修改。因此通常我们是写跟路径的，但是从头开始又太过于麻烦，因此我们使用 @ 别名来省略前面的路径。
Vue脚手架三给文件配置别名
毕业势必进大厂的博客
07-29 283
因为脚手架三隐藏了配置文件，所以我们需要自己创建一个vue.config.js文件、 在该js文件中，输入 module.exports = { configureWebpack: { resolve: { alias: { 'assets': '@/assets', 'common': '@/common', 'components': '@/compo
vue3 配置src路径别名为@
m0_59757074的博客
06-26 1442
vue3 配置src路径别名为@
关于Vue的面试题知识点
qq_51338868的博客
10-29 1174
1、vue中常用的指令及作用？ v-text指令：用于更新标签包含的文本，它的作用跟双大括号效果是一样的 v-html指令：绑定一些包含html代码的数据在视图上 v-show指令：指令的取值为true/false，分别对应着显示/隐藏，改变的是元素css样式的display属性 v-if指令：取值为true/false，控制元素是否需要被渲染 v-else指令：和v-if指令搭配使用，没有对应的值。当v-if的值false，v-else才会被渲染出来。
2024年刚刚翻新前端vue面试题
最新发布
panerchao的博客
05-23 595
因为组件是用来复用的，且 JS 里对象是引用关系，如果组件中 data 是一个对象，那么这样作用域没有隔离，子组件中的 data 属性值会相互影响如果组件中 data 选项是一个函数，那么每个实例可以维护一份被返回对象的独立的拷贝，组件实例之间的 data 属性值不会互相影响；而 new Vue 的实例，是不会被复用的，因此不存在引用对象的问题。MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。
VUE的基础知识
qq_46065861的博客
09-23 807
注意：先看菜鸟教程和手册 菜鸟教程 官方文档 一、VUE的介绍 面试或者笔试要问 类似于 view，vue是一套构建用户界面的`渐进式框架 Vue 只关注视图层， 采用自底向上增量开发`的设计。 vue是基于MVVM（M:model(数据处理) V:view VM:viewmodel）设计模式，支持数据的双向绑定(v-model) MVC设计模式: M model数据层(进行价格之类的数据处理) 、V：view视图层、C:conreol控制层（判断、循环等逻辑） 与js不同的是不需要再获取元素了 ..
vue 判断页面加载完成_Vue 项目里戳中你痛点的问题及解决办法(下)
weixin_39906906的博客
11-19 3624
作者：愣锤 https://juejin.im/post/5b174de8f265da6e410e0b4e前言 最近要求使用vue进行前后端分离开发微信公众号，不断摸索踩坑之后，总结出如下几点vue项目开发中常见的问题及解决办法。如果你是vue大佬，请忽略小弟的愚见V查看打包后各文件的体积，帮你快速定位大文件路由懒加载(也叫延迟加载)开启gzip压缩代码详情页返回列表页缓存数据和浏览位置...
vue.config.js中配置Vue的路径别名的方法
11-20
在官方的vue-cli配置参考中存在一个configureWebpack webpack中有一个配置路径别名的属性 const path = require('path') module.exports = { // 对象和函数都可以，如果要控制开发环境可以选择函数 configureWebpack:{ resolve:{ alias:{ 'assets':path.resolve('./src/assets') } } }
小白系列Vite-Vue3-TypeScript：002-配置别名
总得学点什么的博客
02-07 1381
小白系列Vite-Vue3-TypeScript：002-配置别名
Vue3 设置文件别名【vue-cli、tsconfig.json】
qq_22841387的博客
03-15 3912
问题描述 当前项目，我们采用vue-cli脚手架搭建的vue3+ts项目，组织完模块之后，发现模块太多了，如果需要默认使用@去代表src目录就会显得比较臃肿和复杂 ，所以我需要对一些常用的模块进行别名设置 解决方法 1.设置vue.config.js 首先对路径进行组装，之后通过alias设置别名 这里我配置的@components代表组件 const { defineConfig, } = require("@vue/cli-service"); const path = require("pat
vue3别名配置（vite）
shi450561200的博客
11-16 866
在VUE项目中import导入文件时，可以写相对路径.
Vue Cli3工具中，配置目录别名，alias
热门推荐
linfeng886的博客
01-04 1万+
Cli3工具中，配置路径别名 最近用Vue Cli3脚手架搭建了Vue项目，发现没有build目录了，里面的webpack相关的也没了，看了官方文档后，查了资料后，发现都在vue.config.js里来配置了 1.先在项目根目录下创建vue.config.js文件 2.然后在文件里输入下面代码 const path = require('path'); function resolve(di...
三、Vue中设置路径别名
panchang199266的博客
05-12 5570
一：问题   在 CSS 或者 JS 中，有时候需要引入其他相关文件，若目录层级比较多，那么路径会相当长，而且重复书写，比较麻烦。为了解决这个问题，我们可以采用为路径设置别名的方式，来简化路径书写。 二：设置别名步骤 下例是使用 vue-cli3.0构建项目，步骤如下： 1.新建 vue.config.js 文件，和package.json同层级 const path = require('pat...
Vue CLI3搭建的项目中，如何给文件夹起别名?
weixin_43342105的博客
04-22 451
Vue CLI3搭建的项目中，如何给文件夹起别名?
vue3为路径设置别名
infantttttt的博客
04-14 2649
为了避免代码中出现类似’…/…/src/assets/img/different.png’包含多个’…/’符号，可以为路径设置别名。 类似上述路径可直接用’@/assets//img/different.png’表示，将直接从src路径开始查找指定文件。（vue4默认将src文件夹重命名为@） 1.找到node_modules/@vue/cli-service/lib/config/base.js文件 2.找到’.set(‘@’, api.resolve(‘src’))‘（图中已有内容为vue4默认为sr
serve vue-cli-service serve build vue-cli-service build lint vue-cli-service lint
09-08
vue-cli-service是一个用于运行、构建和检查Vue项目的命令行工具。具体来说，vue-cli-service serve用于在开发环境下运行项目，vue-cli-service build用于打包项目，vue-cli-service lint用于检查项目代码风格。这些...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值