使用 Webpack 将图片导入 html 的正确方法

Question

我正在使用 React + Redux-saga + Auth0 包，它正在使用 Webpack。我通常使用 Gulp，最近才开始使用 Webpack，所以我没有太多经验。

假设我有图像Project/src/static/images/hello.jpg，我想在我的应用程序上使用它：

<img src="images/hello.jpg" alt=".." />

• 如何告诉 webpack 将该文件夹编译到 dist 文件夹中？
• 我注意到我从我的.scss 文件中导入的图像使用散列名称进行编译。所以即使我编译了我的图像，我如何获得它的完整路径？
• 我尝试用谷歌搜索这个问题，但没有发现任何类似的问题，所以我觉得我做错了什么，是吗？

这是我的webpack.config.babel.js 文件。

Answer 1

显然我正在使用 expressjs 服务器，它可以选择Serve static files。所以我所做的只是在我的devServer.js 文件中添加这行代码：

app.use(express.static('src/static'));