【问题标题】：Webpack ejs loader with img balises带有 img 应答器的 Webpack ejs 加载器
【发布时间】：2018-08-09 09:33:19
【问题描述】：

我使用 Webpack 4 和 ejs-loader 来生成我的 .html，这样我可以包含 ejs 文件（包含 html）并分开我的代码。

问题是我想在我的 ejs 代码中包含 balizes，显然 ejs-loader 不支持 url-loader（或文件加载器）在目标中生成我的图像路径。

这是我的 webpack 规则（我有 html-loader 因为我认为 html-loader 是在 ejs-loader 之后应用的，像这样，img balize 生成我的图像，但这不起作用）：

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

    {
      test: /\.(png|svg|jpg|gif)$/,
      use: {
        loader: 'url-loader',
          options: { 
            limit: 8000, // Convert images < 8kb to base64 strings
            name: devMode ? 'images/[name].[ext]' : 'images/[hash]-[name].[ext]'
        } 
      }
    },
    {
      test: /\.(html)$/,
      use: {
        loader: 'html-loader',
        options: {
          attrs: [':data-src']
        }
      }
    }

你有什么建议吗，我在网上没有找到同样的案例。

谢谢大家

【问题讨论】：

标签： webpack

【解决方案1】：

我的解决方案（替代）

我创建了一个返回图像的api (php)，这样我可以使用 api 获取<img>。

【讨论】：