Webpack 图片工作流程

【问题标题】：Webpack images workflowWebpack 图片工作流程
【发布时间】：2017-02-02 12:09:46
【问题描述】：

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

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

使用 webpack 我遇到了这个：

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

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

我是否错误地认为我可以使用 webpack 维护这个工作流程？

【问题讨论】：

【解决方案1】：

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

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

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

（如果有人更了解 webpack 的图像功能，请纠正我；我做了很多研究。）

【讨论】：