如何将资源包含到CSS文件中

Question

我有一个css文件，该文件以这种方式包含在Angular项目中：

{
  "styles" : [
        "src/assets/css/style.css"
  ],
}

但是将其他文件加载到css文件中，例如：

background: url(src/assets/images/preloader.gif)
background-image: url(src/assets/images/photoswipe-controls.svg);

我收到错误：

Can't resolve 'src/assets/images/preloader.gif'

解决此问题的正确方法是什么？

Answer 1

background-image: url(assets/images/photoswipe-controls.svg);

并且您的angular.json应该有这个：

"assets": [
   "src/assets"
],