如何确保将文件有效导入到.css文件中，这是REACT项目的一部分

Question

关于将文件添加到REACT组件有一个很好的线程，但实际上它专注于.js文件。 最近，我尝试在.css文件中使用以下语句构建项目

 #root {

  background-image: url(../images/books.jpg);
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;

} 图像背景简单，但是线条

 background-image: url(../images/books.jpg);

有问题。我不能在这里使用require，因为它根本不是css命令。插入行：

@import '../images/books.jpg' ;

.scss文件顶部的

没有帮助 有没有一种简单的方法可以解决该问题，然后从外部托管站点托管此文件？ 要明确的是，它可以在本地服务器上运行，并且只有有效构建的产品才是问题。