Npm 包在 CSS 中包含图像

Question

我有一个具有这种结构的 npm 包：

--src
  --styles
     -image.png
     -style.scss

该style.scss文件正在引用这样的图像：

.test {
   background-image: url(./image.png);
}

问题是当我使用包时，CSS 正在从根查看图像而不是相对于我的包，我们如何解决这个问题？

这是我导入包的方式：

@import "mypackage/src/styles/style";

Answer 1

我也有这个问题，但我没有找到解决这个问题的优雅方法。最后我将引用的文件复制到构建目录来解决这个问题。使用了“copy-webpack-plugn”插件（https://github.com/kevlened/copy-webpack-plugin）

您也可以参考以下问题（ 包括 webpack 捆绑的 npm 包中的资源）