码迷,mamicode.com
首页 > Web开发 > 详细

webapck 按需加载及版本控制问题

时间:2017-09-02 12:12:15      阅读:393      评论:0      收藏:0      [点我收藏+]

标签:webpack   blog   如何   缓存   两种方法   .com   技术   好的   删掉   

在启用webpack的懒加载(按需加载)后,我们会遇到要解决缓存的问题。

解决缓存问题有几种方法:

第一种就是加个hash值。便每次修改后所编译后的文件名都不一样。这样能达到预期解决缓存的效果。具体设置如下图:

  技术分享

  这种解决方案在webpack中可以达到工程化管理的效果。但会对项目管理有一定的阻碍。如用git来管理项目,每次编译都要删掉上一次编译的文件,然后要添加本次编译后的文件再推送。

 

第二种方法就比较暴力了。不添加hash值,这样每次编译所得到的文件名都是一样的配置如下图:

  技术分享

  我们要做的就是找到编译后的入口文件,然后找到它懒加载的方法,并对其进行修改,如加一个随机数,具体方法如下:

  在编译后的入口文件里查找“ document.getElementsByTagName("head")[0]”,找到其加载项,修改前的文件:

   技术分享

  修改后的文件:

  技术分享

 

   这样加载到的文件会有一随机数可确保缓存的问题,具体如下图:

  技术分享

  但这方法也是弊端,就是每次编译都要手动去修改入口文件。但对git项目管理却比较好管理,不用每次都去添加删除。

  以上两种方法都有利有弊,具体要用什么解决方案就看你如何取舍。当然也可能有更好的解决方案,如有知道的同学麻烦告知我一下。

 

webapck 按需加载及版本控制问题

标签:webpack   blog   如何   缓存   两种方法   .com   技术   好的   删掉   

原文地址:http://www.cnblogs.com/gcjun/p/7466050.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!