微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Webpack不会加载内联背景图像

如何解决Webpack不会加载内联背景图像

这是图像加载器的规则

icon: locations[i][5].toLowerCase() + "_icon"

这是html加载程序的规则

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

除内联背景图像外,其他所有图像均加载良好

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

解决方法

还添加一个CSS加载程序:

npm install --save-dev css-loader

规则部分中的某处:

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。