距开课0天0时0分-10202890秒
小葫芦2016-11-09 14:30:22 0 3 324
[JavaScript讨论组]举报回复话题 ↕
webpack可以按需加载图片么？
之前弄图片按需加载（也叫懒加载），就是把需要的图片都push到数组里，然后当满足某个条件（比如图片外容器出现在可视区域），就把数组里的图片插入到src地址里。
**而webapck里有require.ensure()方法可以异步按需加载JS和html模板，达到按需加载一些遮罩层、弹出层的目的，但是webpack貌似操作不了html里的src,
那么具体要怎么做能按需加载图片？望解答拜谢!
3
0
分享
三叔 2016-11-09 14:31:323楼
图片加载本身就是异步的，你把url的loader改小一点就全打包成静态资源了，一般都是8kb，小于这个的就直接内联base64了
{ test: /\.(jpe?g|png|gif|svg|webp)$/, loader: 'url?limit=8192&name=imgs/[name].[ext]'}
赞 +0添加回复
代言 2016-11-09 14:30:492楼
webpack的异步加载主要用于分包，就是打包的时候把那些不常用的模块剔除在外。在浏览器运行时，webpack自动加载只是一种加载的手段，总不能让你自己还在html写个
三叔 2016-11-09 14:31:323楼
图片加载本身就是异步的，你把url的loader改小一点就全打包成静态资源了，一般都是8kb，小于这个的就直接内联base64了
{ test: /\.(jpe?g|png|gif|svg|webp)$/, loader: 'url?limit=8192&name=imgs/[name].[ext]'} 赞 +0添加回复
代言 2016-11-09 14:30:492楼
webpack的异步加载主要用于分包，就是打包的时候把那些不常用的模块剔除在外。在浏览器运行时，webpack自动加载只是一种加载的手段，总不能让你自己还在html写个
php中文网：公益在线php培训，帮助PHP学习者快速成长！
Copyright 2014-2021 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1
关于我们免责申明赞助与捐赠