vue 项目打包图片没有打包进去问题解决_vue 不打包assets

作者：知新_RL | 2024-03-30 02:57:00

踩

vue 不打包assets

问题

vue 项目打包，项目中引用了的图片没有被打进包里，导致打包后的项目图片缺失。

这种方法只适合图片少的情况

<template>
	<img :src='testImg'/>
</template>

<script>
	import testImg from '@/assets/img/testImg.png'
</script>
1
2
3
4
5
6
7

const getImg = (url: string) => {
    return new URL(`../assets/img/${url}`, import.meta.url).href;
};

const testImg = getImg('testImg')
1
2
3
4
5

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/338727