Webpack图像工作流程

时间:2017-02-02 12:09:47

标签: image gulp webpack minify

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

通常情况下,我的原始图像会有一个src文件夹,可以缩小到dist文件夹,包含所有缩小的图像。我已经学会了用gulp缩小图像。

使用webpack我遇到了这个:

https://github.com/tcoopman/image-webpack-loader

使用它时,webpack只是加载图像并在现场执行minifcation或我错了吗?我没有看到任何输出选项,所以我有点困惑。

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

我错误地认为我可以使用webpack维护这个工作流程吗?

1 个答案:

答案 0 :(得分:1)

我的理解是你的思路正确。据我所知,Webpack的图像工具用于实际加载图像。我最近遇到了同样的问题,经过一些研究后发现我不得不

(1)继续使用gulp执行此任务,或

(2)使用imagemin编写我自己的图像脚本,然后使用npm-scripts运行它。我最后选择了后者,这需要一点点,老实说,在某些方面只是重建已经有效的东西;但我学到的东西绝对值得。

(如果有人更了解webpack的图像功能,请纠正我;我做了很多研究。)