具有img平衡的Webpack ejs加载器

时间:2018-08-09 09:33:19

标签: webpack

我使用 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']
        }
      }
    }

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

感谢所有人

1 个答案:

答案 0 :(得分:0)

我的解决方案(替代)

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