webpack 动态批量加载文件的实现方法(2)

/** * 批量加载帧图片 * @param {Function} context - require.context 创建的函数 * @returns {Array<string>} 返回的所有图片 */ function loadFrames (context) { const frames = [] context.keys().forEach(k => { frames.push(context(k)) }) return frames }

组件中:

const context = require.context('./assets/images', false, /frame_\d+.png/) const frames = loadFrames(context)

大功告成!感兴趣的小伙伴可以点击文末链接查看详细文档~

参考链接
require.context
webpack dynamic require

到此这篇关于webpack 动态批量加载文件的实现方法的文章就介绍到这了,更多相关webpack 动态批量加载文件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/ab0031caf00849693f9446abab71dea9.html