关于webpack打包css和image等静态资源的问题？

Question

webpack将css和image都打包到js里，这样是不是一种好的做法？
该不该用webpack打包css和image，或者什么情况下适合打包css和image
webpack一般是配合gulp或grunt使用吗？

Answer 1

合并JS/CSS是为了减少http的请求，加快页面加载速度
image怎么打包？合并成一张大图 分区加载？
这个好像没必要吧

用不用构建工具 看你的项目规模 如果你用Webstrom自动可以打包 更新 不用也行
项目大了还是构建工具好

Answer 2

又看到构建工具，忍不住来一发

coolie

JS 文件的分析、合并、压缩、版本管理
CSS 文件的分析、合并、压缩、版本管理
HTML 文件分析、压缩、版本管理
入口模块(JS/CSS/HTML/image/json/text/...)的分析、分块、合并、压缩、版本管理
静态资源的分析、压缩、版本管理

Answer 3

是不是好的做法这个得看具体项目需求，个人认为css和image打包到js里没什么不好，webpack追求的就是彻底的模块化，不管什么类型的文件都一样；这样的好处就是模块与模块之前有了完全的隔离，不仅仅是js，css和html甚至图片都只关注这个模块的功能实现，减少了代码耦合后带来的不可预知的问题，而且不用关心js加载后，css什么的是否已经加载，对于一个庞大的项目而言，这是很棒的开发体验。至于配合使用，如果只是用作打包，webpack就足够了，如果有其他需求，可以配合gulp，grunt就算了。