webpack打包图片

一张小于8kb时,使用url-loader进行打包,最终生成base64编码
一张大于8kb时,使用file-loader进行打包,webpack会在打包文件夹生成一个具有32位hash值的图片。这时图片仍然不能正常显示,这时因为webpack会将生成的路径直接返回给使用者,但是打包的文件是生成在dist文件夹下的,所以我们需要在配置文件的output中加入

publicPath:'dist/'

如果想对打包的图片进行命名,需要在配置文件的options中添加如下代码:

name:'img/[name].[hash:8].[ext]'    
全部评论

相关推荐

门口唉提是地铁杀:之前b站被一个游戏demo深深的吸引了。看up主页发现是个初创公司,而且还在招人,也是一天60。二面的时候要我做一个登录验证和传输文件两个微服务,做完要我推到github仓库,还要我加上jaeger和一堆运维工具做性能测试并且面试的时候投屏演示。我傻乎乎的做完以后人家跟我说一句现在暂时不招人,1分钱没拿到全是白干
你的秋招第一场笔试是哪家
点赞 评论 收藏
分享
06-23 11:28
门头沟学院 Java
牛客91966197...:也有可能是点拒绝的时候自动弹的话术
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务