1

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. 私のdevtoolブラウザには正しい（願っています）URLがあります

    .logo-full { 背景画像: url(52ae92bfd5cdfa20dc2167de694b59e1.png); コンパイルされたすべてのファイルが /dist フォルダーに直接あるため

  3. しかし、この画像は表示されませんが

scssファイルと同じ階層に画像を入れてみたり、'~'を使ってみたり。何が間違っているのかわかりません-助けてください:)

4

1 に答える 1

0

今日、webpackで同様の問題を解決しました

  1. を使用して{test: /\.html$/, loader: 'html-loader'},、オーバー{test: /\.html$/, loader: 'raw'},

  2. 画像にfile-loaderoverを使用url-loader

多分誰かがまだこれを理解していない:)

于 2016-11-15T18:47:37.033 に答える