打包多页面的一点疑问

Question

像一些公用的css和js，是否需要合并掉。比如jQuery，我每个页面都有，是否要将其与每个页面的js合并呢。

有些公用的css，比如初始化样式，很小，但每个页面都用到，是合并掉还是单独存在。

合并虽然减少了请求，但也使得这些公共的css，js不能缓存，每个页面都需要单独去请求。

所以想请教下大家，哪一种方式的效率会高些。

Answer 1

原理都是一样的， 你自己都提到了，再仔细想一想就有答案了。

你可以把这些公用的css，js合并成一个base或者common就行了。

这样不就减少了请求，也同时达到了复用。

其实 webpack 这些打包构建工具就会这么做的。