从Nodejs / REACT项目外部的文件夹导入多个图像

时间:2018-11-11 09:58:21

标签: javascript node.js reactjs webpack

我正在构建一个显示数百张图像的nodejs / react / webpack应用程序(投资组合)。 只要我不在图像文件夹路径中使用变量,此webpack require.context就可以正常工作(如文档所述,参数必须为文字)

function importAllImages(r) {
  const images = {};
  r.keys().forEach(item => {
    images[item.replace('./', '')] = r(item);
  });
  return images;
}

const allImages = importAllImages(
  require.context('./../../../../photoLibrary/painting', false, /\.jpe?g$/),
);

但是图像文件位于项目外部,服务器上的其他位置。 dev和prod的不同路径设置为环境变量。 那么,有什么方法可以使用依赖于环境变量的图像文件夹路径来设置上下文? 或者,也许我没有一个好的方法,是否应该以其他方式考虑这个问题? 非常感谢您的帮助,对不起我的“法语”英语...

0 个答案:

没有答案