NPM包包括在CSS图象

问题描述：

我有一个NPM包具有这种结构：NPM包包括在CSS图象

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

的style.scss文件被引用的图像是这样的：

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

问题是，当我消耗包，CSS是从根目录查看图像而不是相对于我的包，我们如何解决这个问题？

这是我如何导入软件包：

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

你应该保持相对路径考虑编译CSS文件，但不是SCSS文件。你在哪里保持编译的CSS？（_if它是在同一个文件夹，即'样式'，然后只提及'image.png'_） –

我正在导入scss文件在我的项目中 - @import“mypackage/src/styles/style” – ng2user

你在哪里编译这个scss文件？ –

答

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