遇坑了， webpack 没有好用的雪碧图生成插件，怎么用 gulp 的插件

[123s]

现在有个想法，只用 gulp 生成 sprites ，然后在 webpack 调用这个命令。有人做过吗？

[mcfog]

https://webpack.github.io/docs/usage-with-gulp.html
https://github.com/shama/webpack-stream

[mcfog]

简单来说， webpack 是一个“可扩展的编译工具”，而 gulp 是"工具链"，需要整合其它工具的时候应该借助工具链也就是 gulp 。

就好像 gcc 不能满足需求，要组合其它工具的时候一般不会修改 gcc ，而是通过 make 来整合。

[yangxiongguo]

可以在 gulp 中用 webpack 插件 https://github.com/shama/webpack-stream 。

webpack 我遇到一个坑是 html 修改后页面不会自动刷新，查了下资料说 webpack 只检测 enter point 里 require/import 的文件。

所以 less 编译，图片操作之类还是用 gulp ， webpack 只用来处理 js 依赖。

[kisnows]

楼主应该是搞反了，应该是在 gulp 里面调用 webpack

[learnshare]

gulp 里使用 webpack 才对。

[123s]

@kisnows 我知道，我看到的都是 gulp 里面用 webpack ，可是我已经配置好 webpack 。最多也就是生成雪碧图另外用 gulp 了。不想两个混用。

[chemzqm]

sprites 都是多少年前的技术了，不会 svg 用个 icon-font 也比这技术好用啊

[shiye515]

别搞雪碧图了，通过 url-loader 内联小图片吧

[123s]

@chemzqm 也得有人做啊。不可能让前端来做吧
@shiye515 要兼容 IE8+， base64 好像不行吧

[shiye515]

@123s http://caniuse.com/#search=Data%20URIs ie8 可以的，但是有 32k 的限制

[Jaylee]

gulp 可以配合 webpack 使用啊

[chairuosen]

@123s http://caniuse.com/#search=uri IE8 可以

[geraldlrh]

base64 正确的姿势～

[TimLang]

用 sass 加 compass

[lovelypig5]

@yangxiongguo HtmlWebpackPlugin 可以达到目的

[yolio2003]

讲了这么多，只能说 gulp webpack 各有优劣，配合起来用才能好些。

我们一直在用 fis3 觉得也刚好满足情况，

但是从集成性的角度来说就是，还没有集成高又特别好用的出现，前端工具现状都是屎！期待未来

[123s]

@yolio2003 我也用了 Fis3 ，先用着吧。