require引入的图片地址被解析为[object Module]

问题：

我在使用ejs 编译 tpl 模板的时候，图片的的src 使用的是require引入的方式。

 <img src="${require('../../assets/img/backward.png')}">

使用webpack 编译以后 

<img src="[object Module]" alt="">

原因：

        file-loader版本过高引发的兼容问题，esModule选项已在4.3.0版本的文件加载器中引入，而在5.0.0版本中，默认情况下已将其设置为true。

解决方案：

方案1：

 <img src="../../assets/img/backward.png">

方案2：

在webpack.config.js 文件中，修改file-loader 或 url-loader 文件配置 .

...
{
    test: /.(png|jpg|gif|jpeg)$/,
    use: [
        {
            loader: 'file-loader',
            options: {
                esModule: false
            }
        }
    ]
 }
...