批量引入图片

[zhans1993]

luo哥你好， 碰到个批量引入图片的问题 ，按照之前的方式，图片需要 import 引入，一个一个引入的话，得写一堆，目前 我是通过 require('../../../images/12star/star_' + item.id + '.png'); 这种替换 id 拼字符串的来写的，有什么更好的方法呢，十分感谢！！！

[Logic]

我也是用的这种方法。
如果有多张图片，比如表情gif，就用for循环，全部require进一个数组。
下面是以前写的代码：

// 所有的表情包对象

const emojis = (() =>
    const map = [];
    for (let i = 1; i <= 132; i++) {
      const e = require(`../../assets/emoji/${i}.gif`);
      map.push(e);
    }
    return map;
})();

[Logic]

或者你可以试试这个方法：

const requireContext = require.context("../../assets/emoji", true, /^\.\/.*\.gif$/);
const images = requireContext.keys().map(requireContext);

images就是所有的图片对象