Question

Webpack声称管理模块依赖项，包括图像文件。我知道以下webpack配置允许我需要来自JS / CSS的jpg文件：

module.exports = {
  module: {
    rules: [
      {
        test: /\.jpg$/,
        use: [ 'file-loader' ]
      }
    ]
  }
}

使用url(/image.png)或require('./image.png')，但我如何包含HTML文件中的图片？

<img src="/image.png">

我知道我可以使用copy-webpack-plugin将静态文件复制到output目录中，但我想知道是否有办法直接从HTML中请求图片。

Answer 1

＆＃39; HTML加载器＆＃39;默认情况下会为您执行此操作，但是如果您从主index.html页面中读取此行为，则需要将webpack视为模块。幸运的是html-webpack-plugin可以和html-loader一起为你做这件事。 https://github.com/jantimon/html-webpack-plugin

Webpack2 - 如何从HTML中请求图像

1 个答案: