Javascript 使用webpack处理图像的想法

这是我当前的项目设置：

dist/
├── bundle.js
└── index.html
src/
├── main.js
├── img/
│    └── icon.svg
├── js/
└── styles/
     └── page.css
webpack.config.js

当我想引用

index.html

文件中的图像时

<img src="img/icon.svg">

---

如果您有一个顶级静态HTML文件，我会使用HTML网页包插件，它可以让您执行以下操作：

<img src="<%= require('../path/to/icon.svg') %>" />

“/>

请提供错误信息好吗？我可能在浏览器中遇到错误，无法找到请求图像url，或者当我更改样式文件中的url时，网页无法编译我的代码。您应该查看生成中的img tag src属性，您可能会看到对图像文件的引用有什么问题。我可以s问题是文件加载程序名称选项。请尝试

name=img/[name].[ext]

在文件加载器配置中没有

/

。获得编译错误会很好，这样我们就知道哪个加载器失败了，比如提供给

css加载器的URL可能是错误的，等等。通常，那里有足够的信息来解决这些明显的问题。谢谢你的回答，但我可能需要更改我的问题有点小，因为这种方法对我来说似乎不是真正的交易。你会如何处理项目内部的图像？“你会如何处理项目内部的图像？”太模糊了，无法回答-你能更具体一点吗？最好是通过编辑问题。
<img src="<%= require('../path/to/icon.svg') %>" />