【重要总结】使用gulp来解决浏览器缓存的问题。还有遇到的bug。missing script: gulp和Task function must be specified

开始浏览器缓存，我们是在css 和js后面加上随机数。

<script  type="text/javascript">
    document.write('<link href="test.css?ver="'+Math.random()+' ref="stylesheet"/>');
　　document.write('<script src="test.js?ver="'+Math.random()+'  type="text/javascript"</script>');
</script>

但是这样每次页面打开都会加载随机数刷新一遍的确是避免了缓存。但是如果使用的人很多，总是刷新页面就会出现加载很慢的白屏现象。所以我们想能不能每次只刷新修改了的页面。

于是找到了gulp这种方式，他和上面的原理一样是css和js后面加随机数。

但是是每次只改变你修改的文件后面的随机数。这样就避免了每次所有请求的页面都刷新了

 

下面介绍方法：

1.node和npm的下载是前提。gulp是基于他们使用的。所以要先下载好。如果要用cnpm下载速度可以更快。也可以先下载。、

可以参考我这篇文章进行下载这些如何创建一个vue的新项目，用命令行的方式创建.下载node.js

2.新建一个文件夹在里面打开命令提示行。执行npm init 。根据提示一直运行到is this ok。输入yes

之后我们可以看到文件夹里有个package.json的文件。

3.安装gulp和gulp插件。为了能够下载的快一点我用的cnpm安装的。