React Webpack动态导入图像

时间:2020-06-30 00:06:55

标签: reactjs webpack

初学者问题:我知道我可以使用以下方式从文件夹中导入所有图像


function importAll(r) {
  return r.keys().map(r);
}

const images = importAll(require.context('./', false, /\.(png|jpe?g|svg)$/));


但是如何从所有文件夹中导入名为001的所有文件? 例如:


const images = [
  { id: 1, src: './1/img001.jpg'},
  { id: 2, src: './2/img001.jpg'},
  { id: 3, src: './3/img001.jpg'},
  ...etc
];

已解决:


const images = importAll(require.context('./', true, /img001\.(png|jpe?g|svg)$/));


0 个答案:

没有答案