vue3中使用require导入图片
因为vite构建的vue3项目,无法使用require导入图片,需要处理。2.导入到当前页或注册为全局方法使用。1、定义一个require方法。
·
因为vite构建的vue3项目,无法使用require导入图片,需要处理。
官方文档:静态资源处理 {#static-asset-handling} | Vite中文网
1、定义一个require方法
export const require = (imgPath) => {
try {
const handlePath = imgPath.replace('@', '..');
// https://vitejs.cn/guide/assets.html#the-public-directory
return new URL(handlePath, import.meta.url).href;
} catch (error) {
console.warn(error);
}
};
2.导入到当前页或注册为全局方法使用
更多推荐
已为社区贡献1条内容
所有评论(0)