webpack url-loader resolve image 异常
发布于 2 年前 作者 kwoktung 2292 次浏览 来自 问答

使用webpack html-loader的时候;

有的时候url-loader base64 处理图片会结果**只出现 **==

例如:

<div class="form-header">
	<img src="~asset/image/logo_login.png" alt="logo" class="logo">
    <img src="~asset/image/text_login_welcome.png" alt="weclome" class="text_welcome">
</div>

打包出来的结果是:

<div class="form-header">
	<img src="data:image/png;base64,xxxx" alt="logo" class="logo">
    == alt=weclome class=text_welcome>
</div>

现象就是:

<img src="~asset/image/text_login_welcome.png" 变成了 ==, 没有进行对应base64转换;

看情况好像是有的可以base64转换,没有变成了 ==

webpack url-loader配置:

{
	test: /\.(png|jpe?g|gif|woff(2)?|eot|ttf|svg)(\?.*)?$/,
	loader: 'url',
    query: {
		limit: 10000,
        name: '[name].[hash:8].[ext]'
		}
	}

然后重新使用photoshop, 导入导出一次图片就又正常了。应该是图片的问题。

各位,朋友有人遇到这种问题吗?求教?

回到顶部