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

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

阅读 10.9k
3 个回答

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

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

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

coolie

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题