我在使用ejs 编译 tpl 模板的时候,图片的的src 使用的是require引入的方式。
使用webpack 编译以后
原因:file-loader版本过高引发的兼容问题,esModule选项已在4.3.0版本的文件加载器中引入,而在5.0.0版本中,默认情况下已将其设置为true。
解决方案:方案1:
方案2:
在webpack.config.js 文件中,修改file-loader 或 url-loader 文件配置 .
...
{
test: /.(png|jpg|gif|jpeg)$/,
use: [
{
loader: 'file-loader',
options: {
esModule: false
}
}
]
}
...


![require引入的图片地址被解析为[object Module] require引入的图片地址被解析为[object Module]](http://www.mshxw.com/aiimages/31/1028266.png)
