javascript - 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

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

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