javascript - 奥里利亚网页包 : how to load images

Question

我花了很多时间来实现加载图片。因此，这是给其他人的注释。

以下代码生成 HTTP 404 错误，我的背景图片没有出现。

my-css {
    background: url('../imgs/my-backgound.png');
}

Answer 1

为了处理图像，我会使用 url-loader 和 webpack.config.js 的规则部分中的以下内容:

{ test: /\.(png|gif|jpg|cur)$/i, loader: 'url-loader', options: { limit: 8192 } },

url-loader 的工作方式与 file-loader 的工作方式非常相似，但是使用提供的字节限制，您的图像将被转换为 DataURL 而不是实际文件并将它们内联到您生成的包中。