reactjs - ReactJS - 大型视频文件使计算机在 npm 启动后冻结

Question

我有我的小型反应网络应用程序，它运行没有问题，同时有五个低质量的视频。但是，一旦我添加了多个大型高质量视频文件并启动应用程序，我的笔记本电脑就会死机，我需要手动将其关闭。

//outside the component class 
function importAll(r){
  let images = {};
  r.keys().forEach((item) => { images[item.replace('./', '')] = r(item); });
  return images;
}

componentDidMount() { 
const videos = importAll(require.context('./videos', false, /\.mp4$/));
 window.addEventListener('scroll', this.handleScroll); 
}

我的视频文件夹在我的 src 文件夹中，有什么建议吗？

提前感谢任何可以提供帮助的人！

标签： reactjsvideonpmwebpackmp4