image.png
如图官方写法
function getImageUrl(name) {
return new URL(`./dir/${name}.png`, import.meta.url).href
}
我的写法
export default function (imagePath: string) {
return new URL("../assets/imgs/"+imagePath, import.meta.url).href;
}
第一反应没有什么问题吧。但是打包出来第一种写法会被正常编译，第二种不会？？？？？
上github copilot结果
image.png
Vite+vue3打包后报错 Failed to construct ‘URL‘: Invalid URL 网上查...
使用vue3,用vite 进行build，iconfont没有打包进去下发如下@import '//at.alic...
使用webpack打包, 发现图片没有打包, 路径找不到, 该成使用require静态资源, 打包时候会自动打入,...
最近，在看webpack打包图片的一些知识，首先webpack打包图片用的是url-loader; 当前loade...
打包图片文件 url-loader 在 webpack 中引入图片需要依赖 url-loader 这个加载器。安装...
1. 简介 本节介绍loader打包静态图片资源的一些配置。 2. file-loader打包图片配置 上一节我们...
打包图片资源说明 需要使用到url-loader处理图片 注意url-loader依赖于file-loader,因...
为现代JavaScript应用提供静态模块打包 Webpack 功能 打包：将不同类型资源按模块处理进行打包 静态...
vue项目打包后，在发布项目时，浏览器会报错访问不到图片等静态资源，这里提供一个解决办法。 一、vue打包后静态资...
首先安装Vite 依赖 这里Vite 和webpack类似的一个打包工具 create-vite-app 已经过时...
本文标题：vite 打包new URL 失效 静态图片没有打包进去
本文链接：https://www.haomeiwen.com/subject/wuqkudtx.html
网友评论