我正在使用Webpack和文件的文件加载器,当我启动开发服务器时,index.html中的一切看起来都很好,但是当我切换页面图像时将无法加载。我试图了解原因,尤其是因为路径看起来不错。通过查看页面,我可以在images文件夹中看到我的图像,但是我得到了每个图像的两个副本,如果我单击该页面,则会显示其中一个,但网站尝试加载的图像却没有显示。
我将在其中发布我的webpack.config.js文件加载器设置和文件夹组织:
webpack.config.js
{
test: /\.(png|svg|jpg|gif)$/,
use: [
{
loader: 'file-loader',
options: {},
},
],
}
文件夹
myfolder
|- /src
|- index.js
|- index.html
|- /images
|- image1.svg
|- image2.svg
有人可以向我解释为什么以及我做错了什么吗? 谢谢!