多个页面的公用模块独立打包,利用浏览器缓存机制来提高页面加载效率,减少页面初次加载时间

来源:3-16 由浅入深 webpack - Tree-shaking - CSS Tree-shaking

慕慕2280070

2018-04-15

多个页面的公用模块独立打包,利用浏览器缓存机制来提高页面加载效率,减少页面初次加载时间,这句话到底怎么理解?one.js 和two.js 一起引入到index1.html,但是使用index2.html时,并没有加载two.js,也就是还是无法使用two.js的功能,如果要使用two.js功能还是需要把two.js引入到index2.html。

还有就是分包中,我发现,分包的两个JS文件,本身必须在同一个文件夹下,这样才可以抽出他们公共的JS代码。那多个页面的各个JS,本身在敲代码时,就应该分别建立在PageOne文件夹,PageTwo文件夹,这样容易区分哪些JS代码属于哪个部分页面,但如果两个JS文件又不在同一目录时,又无法分包了。这到底怎么回事

写回答

1回答

qbaty

2018-04-16

不是“必须要在同一个文件夹下,才能抽取公共模块”

公共模块的定义是说,同一个模块被不同的页面所引用,那么这个模块对于被引用的页面就是公共模块。

你这个情况你如何遇到的?

0
1
慕慕2280070
这个我测试有问题,现在缓过来了,谢老师
2018-04-17
共1条回复

四大维度解锁Webpack3.0前端工程化

前端开发标配,灵活掌握Webpack3.0的使用可以极大的提高前端开发的效率

1188 学习 · 403 问题

查看课程