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

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

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


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


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

coolie

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


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

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

【热门文章】
【热门文章】