Webpack 图像工作流程

Webpack images workflow

我来自 gulp 背景，我希望使用 webpack 缩小图像。

通常我会有一个 src 文件夹，其中包含我的原始图像，该文件夹会被缩小到一个 dist 文件夹，其中包含我所有的缩小图像。这是我学会了用 gulp.

缩小图像

使用 webpack 我遇到了这个：

使用这个时，webpack 只是加载图像并当场执行缩小或者我在这里错了？我没有看到任何输出选项，所以我有点困惑。

我想要一个类似于 gulp 的设置，最后我有一个原始图像文件夹和一个缩小图像文件夹。

我认为我可以用 webpack 维护这个工作流程是不是错了？

据我了解，您的思路是正确的。据我所知，Webpack 的图像工具用于实际加载图像。事实上，我最近遇到了同样的问题，经过一些研究后我意识到我必须

(1) 继续使用 gulp 完成此任务，或

(2)用imagemin写自己的图片脚本，然后用npm-scripts转运行就可以了。我最终选择了后者，这花了一点时间，老实说，在某些方面只是重建已经工作的东西；但我所学到的东西绝对值得花时间。

（如果有人知道更多关于 webpack 的图像功能，请指正我；我做了很多研究。）