javascript - Npm 包在 CSS 中包含图像

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

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

style.scss 文件像这样引用图像:

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

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

这是我导入包的方式:

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

最佳答案

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

您也可以引用以下问题(
Include assets from webpack bundled npm package )

关于javascript - Npm 包在 CSS 中包含图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43179688/