具有img平衡的Webpack ejs加载器

Question

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

问题是我想在我的ejs代码中包含平衡，并且 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']
        }
      }
    }

请提供任何建议，我在互联网上找不到相同的案例。

感谢所有人

Answer 1

我的解决方案（替代）

我制作了一个api（php）来返回图像，就像我可以使用api来获取<img>一样。