如何通过Webpack和File-loader使用两个捆绑（scss）文件中的一个图像？最后一个返回未定义

Question

我有一个webpack问题（与sass-loader和file-loader结合使用）。我在两个不同的包（scss）文件中引用图像，在这里我将背景图像url指向完全相同的路径。

我首先导入的捆绑文件已正确显示，但第二个文件返回了背景属性的“未定义” URL。

以前有人遇到过这个问题吗？

我为文件加载器尝试了各种选项，但到目前为止都没有奏效。

对我而言唯一有效的选项是复制图像并引用副本（例如引用两个不同的文件）。

这与最佳实践相去甚远，因为我现在加载了两个完全相同的图像。

我的webpack.config.js看起来像这样：

Text(" ")

两个scss代码段（使用相同的网址）如下所示：

Union

和

Sub bs_erase()
Dim i As Long

With x_bs
    For i = 260 To 1 Step -1
        If Range("C" & i).Value2 = "-" Then
        Rows(i).Delete
        End If
    Next i
End With

End Sub

Answer 1

我也遇到了这个问题。
问题来自您也在使用的extract-loader（与css-loader结合使用）。

您可以返回v2之前的版本。
例如：“ css-loader”：“ ^ 1.0.0”

请比较：
https://github.com/webpack-contrib/css-loader/issues/864