npm 包中的 CSS 图像 url

Question

我有一个在我的主要 webpack 构建应用程序中使用的包。在包中，我有一个组件及其相应的 .scss 文件。文件夹结构为：

component
   |- assets
       |- background-image.svg
   component.tsx
   component.scss

component.scss 尝试使用 background-image ，如下所示：

background: url('assets/bacgkround-image.svg')< /code>

这在故事书文件中运行良好，并且背景已正确加载。

但是，当我尝试将该组件包含在我的主 React 应用程序中时，构建失败并出现以下错误：

Module not found: Error: Can't resolve './assets/background-image.svg' in '<path-to-my-package-directory'

我很困惑。将相对 url 中的图像包含在 css 文件中的正确方法是什么？