問題描述:
const pic = require('./imgs/pic.jpg');
按照以上的寫法引入圖片之后發(fā)現(xiàn)圖片變成了<img src="[object Module]" alt="">
原因: 由file-loader版本過高引發(fā)的兼容問題昌屉,esModule選項(xiàng)已在4.3.0版本的文件加載器中引入烧颖,而在5.0.0版本中,默認(rèn)情況下已將其設(shè)置為true笛求。
解決方案一:
const pic = require('./imgs/pic.jpg').default;
解決方案二:
...
{
test: /.(png|jpg|gif|jpeg)$/,
use: [
{
loader: 'file-loader',
options: {
esModule: false
}
}
]
}
...