位置: IT常识 - 正文

关于Vite打包项目后图片丢失的解决方法(vnisedit 打包)

编辑:rootadmin
关于Vite打包项目后图片丢失的解决方法 文章目录1.打包时出现的问题2.解决方法1.打包时出现的问题

推荐整理分享关于Vite打包项目后图片丢失的解决方法(vnisedit 打包),希望有所帮助,仅作参考,欢迎阅读内容。

关于Vite打包项目后图片丢失的解决方法(vnisedit 打包)

文章相关热门搜索词:vite怎么打包文件太大,vite怎么打包文件太大,vsto打包,vite 打包,vsto打包,vite怎么打包文件太大,vite打包配置,vite打包配置,内容如对您有帮助,希望把文章链接给更多的朋友!

        在使用Vite脚手架开发项目时,打包后的项目会出现图片、图标等静态资源丢失问题。比如下面:         我的图片资源全在src/assets/img目录中,但是经过打包后img文件夹并没有出现在打包后的项目(dist文件夹)当中,这样会导致项目部署后找不到资源等一系列的问题。

2.解决方法

方法1:         Vite官网地址:https://cn.vitejs.dev/guide/assets.html#importing-asset-as-url         在需要的使用图标的地方去引入,比如:

import imgUrl from './img.png'document.getElementById('hero-img').src = imgUrl

        imgUrl在开发时会是/img.png,在生产构建后会是 /assets/img.2d8efhg.png。这种方法有一个缺点,当图片资源特别多时会很麻烦,需要先创建一个脚本,将所有需要的资源引入进来,然后以数组的形式导出,最后再通过遍历的形式去使用。(该方法没试过,但似乎应该差不了多少,哈哈哈哈)。 方法2:         方法2是官网中说的第二种方法,将所有静态资源放到public目录当中,然后打包时会将这些资源一同打包进去,如下面图片所示:         我的图片都在public/img目录当中,打包后会将img文件夹一同打包进项目,如dist文件夹中所示。         官网我只是看了一个大概,总结出这两种方法,如果大佬们不喜欢用可以自己研究一下,然后大家一起分享吧,哈哈哈哈!

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

上一篇:vue中父组件异步数据通过props方式传递给子组件,子组件接收不到的问题(vue父组件引入子组件)

下一篇:猫鼬一家簇拥在一起 (© stefbennett/Shutterstock)(猫鼬家族风云)

  • 荣耀畅玩20怎么设置下边三键(荣耀畅玩20怎么拆机)

    荣耀畅玩20怎么设置下边三键(荣耀畅玩20怎么拆机)

  • 小米手表color2怎么取消久坐提醒(小米手表color2怎么样)

    小米手表color2怎么取消久坐提醒(小米手表color2怎么样)

  • 蓝牙耳机如何充电(蓝牙耳机如何充电显示)

    蓝牙耳机如何充电(蓝牙耳机如何充电显示)

  • 苹果xs max短信怎么全部删除(苹果xs max短信怎么切换成副卡)

    苹果xs max短信怎么全部删除(苹果xs max短信怎么切换成副卡)

  • 拼多多砍价免费拿没砍到0元怎么办(拼多多砍价免费拿怎么没有了)

    拼多多砍价免费拿没砍到0元怎么办(拼多多砍价免费拿怎么没有了)

  • 抖音不能点赞是怎么回事(抖音不能点赞是什么意思)

    抖音不能点赞是怎么回事(抖音不能点赞是什么意思)

  • 微信开放平台扫码登录是怎么实现的(微信开放平台扫码登录的回调怎么更改成异步模式)

    微信开放平台扫码登录是怎么实现的(微信开放平台扫码登录的回调怎么更改成异步模式)

  • 苹果11开机密码忘了怎么办(苹果11开机密码忘了怎么解开手机)

    苹果11开机密码忘了怎么办(苹果11开机密码忘了怎么解开手机)

  • 网线可以直接插电脑吗(网线可以直接插电视吗)

    网线可以直接插电脑吗(网线可以直接插电视吗)

  • 如何下载视频到手机相册(如何下载视频到手机上并使用)

    如何下载视频到手机相册(如何下载视频到手机上并使用)

  • 剪映本地音乐怎么导入(剪映本地音乐怎么添加歌曲)

    剪映本地音乐怎么导入(剪映本地音乐怎么添加歌曲)

  • 怎么判断switch是续航版(如何辨别switch)

    怎么判断switch是续航版(如何辨别switch)

  • arserver干什么用的(arsercer)

    arserver干什么用的(arsercer)

  • 苹果x的屏幕分辨率几k(苹果x的屏幕分辨率是多少1080p还是2k)

    苹果x的屏幕分辨率几k(苹果x的屏幕分辨率是多少1080p还是2k)

  • 手机软件不兼容怎么办(手机软件不兼容的解决方法)

    手机软件不兼容怎么办(手机软件不兼容的解决方法)

  • 手机没网了怎么办(手机没网了怎么充值)

    手机没网了怎么办(手机没网了怎么充值)

  • word怎么设置时间自动更新(word怎么设置时间为2000.09.22)

    word怎么设置时间自动更新(word怎么设置时间为2000.09.22)

  • 变焦镜头和定焦镜头的区别(变焦镜头和定焦镜头哪个好)

    变焦镜头和定焦镜头的区别(变焦镜头和定焦镜头哪个好)

  • 华为cor-al10是华为什么型号(cor_al10华为什么型号多少钱)

    华为cor-al10是华为什么型号(cor_al10华为什么型号多少钱)

  • 怎么在bios里设置光驱启动 bios设置光驱启动图文教程(怎么在bios里设置usb开关)

    怎么在bios里设置光驱启动 bios设置光驱启动图文教程(怎么在bios里设置usb开关)

  • 蝾螈怎么读,蝾螈图片(蝾螈白话怎么读)

    蝾螈怎么读,蝾螈图片(蝾螈白话怎么读)

  • iframe内嵌链接常见问题(iframe内嵌页面)

    iframe内嵌链接常见问题(iframe内嵌页面)

  • ConvNeXt V2学习笔记

    ConvNeXt V2学习笔记

  • 私立幼儿园需要纳税吗
  • 公司附加税怎么计算
  • 购房补贴退契税多久到账
  • 500以下的收据可以入账吗
  • 查账征收企业所得税年报怎么填
  • 一般企业和小企业会计准则的区别
  • 滴滴打车电子票怎么取票
  • 资产负债表项目的编制方法
  • 出口企业退税分录
  • 境外劳务输出有哪些类型
  • 员工替公司垫付的费用还没有报销就被开除了
  • 企业接受捐赠是营业收入吗
  • 私车公用税务政策性文件
  • 注销往来怎么清理
  • 广告服务差额征税
  • 简易征收企业所得税几个点
  • 利润表适用执行小企业
  • 个体户定期定额申报表怎么填
  • 库存与账面不符怎么办
  • win7防火墙设置不了
  • 主板故障开机断电
  • win11专业版和家庭版哪个更流畅
  • ISBMgr.exe - ISBMgr是什么进程 有什么作用
  • 月末结转本年利润怎么算
  • gnaupdaemon.exe是什么
  • 远期外汇交易会有风险吗
  • vue写css
  • PHP:imagecreatefromxpm()的用法_GD库图像处理函数
  • php实现和工作原理
  • 工程施工下的间接费用下有什么科目
  • 购入专利权属于
  • 小微企业人员认定标准
  • vue 滚动条
  • 我的第一次作文400字左右
  • jquery获取值的几种方法
  • php array合并
  • 承租方承担的税费是多少
  • 安装充电桩电费怎么收
  • php和mysql的软件怎么部署
  • 税控盘全额抵扣发票怎么勾选
  • 旅行社专票开票内容的规定
  • 主营业务税金及附加和税金及附加的区别
  • 怎么看企业用哪种软件
  • 六税两费减半征收政策2023
  • 机器维修费属于什么会计科目
  • 在excel中怎么制作
  • 企业工会经费计提比例
  • 房产税的定义是什么
  • sql查询表中指定数据
  • 跨年取得的发票金额大于暂估金额
  • 玉米收购厂
  • 安装生产流水线工程领用原材料
  • 承兑汇票兑现怎么填写
  • 建筑工程公司的经营范围有哪些
  • 同时知识产权专利,其做账是?
  • 坏账收回所得税需要确认收入吗汇算清缴表如何填报
  • 固定资产出售算营业收入吗
  • 以前年度账务错误应该怎么处理的
  • 其他应收款的认定
  • 设立明细账的目的
  • 一次性关闭所有窗口的快捷键
  • 2003怎么创建用户
  • fedora phpMyAdmin 安装方法及介绍
  • video for windows是什么
  • win7右键管理工具
  • 虚拟机安装苹果电脑
  • mac屏幕显示设置
  • mac迁移助理是什么意思啊
  • win7 桌面空白
  • win8怎么把任务栏变成透明
  • cocos2dx-js
  • nodejs基础知识
  • 交互式shell是什么意思
  • javascript教程完整版
  • jq中attr用法
  • 电子税务局辽宁省
  • 云南新农合怎么报销的
  • 单位名称变更后发票还能用吗
  • 计生法废止
  • 烟台税务系统缴费
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设