位置: 编程技术 - 正文

webpack+vue中使用别名路径引用静态图片地址(webpack vue-loader)

编辑:rootadmin

推荐整理分享webpack+vue中使用别名路径引用静态图片地址(webpack vue-loader),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:webpack vuecli,webpack在vue中的作用,webpack在vue中的作用,webpack5 vue,webpack vue3,webpack5 vue,webpack5 vue,webpack vue,内容如对您有帮助,希望把文章链接给更多的朋友!

webpack 的别名好处大家也都了解, 但是 vue 的模板中, 对图片地址使用别名时总出现问题, 很久时间的时间都没找到解决办法, 一度认为是 webpack 的原因...

上面的代码, 你会发现只有引入style.css是成功的, 图片地址和背景图片地址都会解析失败...

经过各种搜索找原因(这时候, 你会发现百度搜索这些技术型的内容, 真是垃圾中的战斗机), 最终还是找到原因了...

webpack+vue中使用别名路径引用静态图片地址(webpack vue-loader)

vue-html-loader and css-loader translates non-root URLs to relative paths. In order to treat it like a module path, prefix it with ~

就是要在别名前面加一个~

最终代码写成:

意思就是: 告诉加载器它是一个模块,而不是相对路径

注意: 只有在template中的静态文件地址和style中的静态文件地址需要加~, 在script里的, 别名定义成什么就写什么.到此, 纠结了几个月时间的问题, 终于解决了...

顺便贴下自己使用的别名列表:

标签: webpack vue-loader

本文链接地址:https://www.jiuchutong.com/biancheng/377408.html 转载请保留说明!

上一篇:JavaScript框架Angular和React深度对比(javascript框架库升级)

下一篇:详解Vue + Vuex 如何使用 vm.$nextTick(vuex详细教程)

  • 允许税前扣除的项目
  • 城建税多少会减免
  • 长期股权投资在哪个报表里
  • 公司有流水不申报会怎么样
  • 支付投资人的投资收益账务处理
  • 电子元器件可以带上飞机吗
  • 企业筹办期间发生的开办费会计分录
  • 劳务派遣人员工作单位怎么写
  • 医院会计制度准则
  • 专票红冲账务处理
  • 转让土地使用权会计分录怎么做
  • 建筑业收入确认条件
  • 原材料做成库存会计分录
  • 企业零申报教学视频
  • 车辆一次性入费用会计分录
  • 旅游企业小规模纳税人差额征收
  • 借款利息可以入账吗
  • 红字发票信息单需要寄给对方吗
  • 物业公司减免物业费怎样开票
  • 个人证券交易结算资金
  • 上海中级会计报名入口
  • 公司产品因质量问题买家追究
  • 小企业会计准则下融资租入固定资产的核算
  • 关于员工被辞退经济赔偿
  • 资产减值的会计政策
  • 外贸企业出口免抵退
  • 奥尔梅克
  • yii2框架的优缺点
  • servlet工作原理和生命周期
  • 税收变动作用
  • 销项税的分录怎么做
  • 权重函数公式
  • 企业的职工教育经费计入什么费用
  • php 编码
  • yii2框架漏洞
  • 电子税务局购票员变更
  • 退预收款需要对方同意吗
  • 个税申报不成功,累计减除费用60000审核不通过
  • 自收自支是由主管部门拨款吗
  • php验证码代码怎么写
  • 数据库管理中负责数据模式定义的数据库语言是
  • mongodb如何查询数据
  • mongodb的基本操作
  • 报销人和经办人的含义
  • 资本公积和盈余公积是什么意思
  • 商业保理怎么账务处理?
  • 财务制度设置
  • 城投公司是什么东西
  • 发票拿到了怎样作废
  • 企业营改增税率是多少
  • 销售加工费怎么记账
  • 持有至到期投资是债权投资吗
  • 你知道实施“营改增”对企业有哪些积极的效应么?
  • 收到投资款应该填制什么凭证
  • 现金流量表和利润表的勾稽关系
  • 专票的发票金额是价税总额吗
  • 费用报销单如何审核
  • 私营公司待摊费怎么算
  • sqlserver 查询锁
  • Windows 8.1 with Update MSDN简体/繁体中文原版下载地址与安装密匙
  • 怎么取消win8.1开机密码
  • pull current
  • 打开 itunes
  • Win7系统如何开启移动到文件夹选项
  • 为什么window10容易发热
  • win10系统的电脑
  • android开发工具排行榜
  • cssli
  • 肉鸡下的鸡蛋可以吃吗
  • button button button
  • linux重启关闭打开达梦数据库
  • 批处理for /f
  • jquery提供了三种删除节点的方法,分别是什么
  • flow 开发
  • python 备份文件夹
  • 增值税预缴税款退税申请怎么写
  • 江西企业社保缴费基数查询
  • 公司注册后多久要去税务局登记
  • 信息报送条例
  • 茶叶出口退税率为什么是9%不是13%
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设