sass - 图片不通过 webpack/scss/background-image 显示

Question

我对 webpack 有一个奇怪的问题 - background-image 即使没有出现一个好的链接（我猜）

我必须用背景图像创建简单的。所以在我的html中我有

<div class="logo-full"></div>

和我的 scss 文件

.logo-full{
    background-image: url("../../image/logo-full.png");
    width: 195px;
    height: 195px;
  }

我的 webpack 配置

*当我指定像http这样的url时，一切都很好

module: {
    loaders: [
       ...
      { test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192'},

结果是：

1. webpack 成功将图像从目录复制到 /dist 文件夹并在 smt 上重命名为 52ae92bfd5cdfa20dc2167de694b59e1.png

2. 在我的开发工具浏览器中，我有正确的（我希望）网址

   .logo-full { 背景图像： url(52ae92bfd5cdfa20dc2167de694b59e1.png); 因为我直接在 /dist 文件夹中的每个编译文件

3. 但即使没有显示此图像

我尝试将图像放在与 scss 文件相同的级别，尝试使用'~'。我不知道我做错了什么-请帮助:)

Answer 1

我今天用 webpack 解决了一个类似的问题

1. 使用{test: /\.html$/, loader: 'html-loader'},, 结束{test: /\.html$/, loader: 'raw'},

2. 使用file-loaderoverurl-loader图像

也许有人还没有弄清楚这一点:)