Webpack 不加載內聯背景圖像

Question

這是圖像加載器的規則

      {
        test: /\.(png|svg|jpg|gif)$/,
        use: [
          'file-loader'
        ]
      },

這是 html 加載器的規則

test: /\.html$/,
        use: [
          {
            loader: "html-loader",
            options: {
              minimize: true
            }
          }

除了內嵌背景圖像外，其他所有圖像都可以正常加載

 <div class="ms__slide" style="background-image: url('../images/slider-bg.jpg')"> </div>

Answer 1

還添加一個 css 加載器：

npm install --save-dev css-loader

在規則部分的某處：

{
    test: /\.css$/,
    loader: 'css-loader' 
}