Webpack如何实现动态批量导入文件的技巧？

本文共计1624个文字，预计阅读时间需要7分钟。

背景：最近笔者在工作中遇到了一个小需求：要实现一个组件来播放幻灯片图片。

需求：实现一个组件来播放图片，本身需求不复杂，但需要在组件中一次性引入十张图片。

功能描述：就是这个功能，从0开始。

背景

最近笔者在工作中遇到了一个小需求：

要实现一个组件来播放帧图片

这个需求本身不复杂，但是需要在组件中一次性引入十张图片，就像下面这样：

// 就是这么任性，下标从0开始~ import frame0 from './assets/frame_0.png' import frame1 from './assets/frame_1.png' import frame2 from './assets/frame_2.png' // ..省略n张 import frame7 from './assets/frame_8.png' import frame8 from './assets/frame_9.png' import frame9 from './assets/frame_10.png'

作为一个有代码洁癖的程序员，我是不允许这种重复性代码存在滴，于是乎就尝试有没有什么简单的方法。