使用Webpack导入图片到html的正确方法
The right way to import images to html using Webpack
我正在使用 React + Redux-saga + Auth0 包，它正在使用 Webpack。通常我使用 Gulp，我最近才开始使用 Webpack，所以我没有太多经验。
假设我有图像 Project/src/static/images/hello.jpg，我想像这样在我的应用中使用它：
<img src="images/hello.jpg" alt=".." />
- 如何告诉 webpack 将该文件夹编译到
dist 文件夹中？
- 我注意到我从我的
.scss 文件导入的图像有一个编译的散列名称。所以即使我编译我的图像，我怎么能得到它的完整路径？
- 我尝试 google 这个问题，但我没有发现任何类似的问题，所以我觉得我做错了什么，是吗？
这是我的 webpack.config.babel.js 文件。
很明显我正在使用 expressjs 服务器，它可以选择 Serve static files。所以我所做的只是在我的 devServer.js 文件中添加这行代码：
app.use(express.static('src/static'));
我正在使用 React + Redux-saga + Auth0 包，它正在使用 Webpack。通常我使用 Gulp，我最近才开始使用 Webpack，所以我没有太多经验。
假设我有图像 Project/src/static/images/hello.jpg，我想像这样在我的应用中使用它：
<img src="images/hello.jpg" alt=".." />
- 如何告诉 webpack 将该文件夹编译到
dist文件夹中？ - 我注意到我从我的
.scss文件导入的图像有一个编译的散列名称。所以即使我编译我的图像，我怎么能得到它的完整路径？ - 我尝试 google 这个问题，但我没有发现任何类似的问题，所以我觉得我做错了什么，是吗？
这是我的 webpack.config.babel.js 文件。
很明显我正在使用 expressjs 服务器，它可以选择 Serve static files。所以我所做的只是在我的 devServer.js 文件中添加这行代码：
app.use(express.static('src/static'));