针对web静态页面添加版本号脚本

ipaloma 发布于 2017/03/10 14:45
阅读 64
收藏 0

前端静态页面资源需要经常更新,为了防止缓存原因导致更新过的的资源并没有更新,所以我们打算在资源名称中加入日期,

例如:

pass.js  ---> pass-20170308201109.js

bbb.css --->bbb-20170308201109.css

ssss.png ---> ssss-20170308201109.png

xxxx.jpg ---->xxxx-20170308201109.jpg


并在HTML引用中,替换原来的引用名,比如:

<script src="/web_js/shenhe_list.js"></script>

<link href="/web_css/style.css" rel="stylesheet">

变成:

<script src="/web_js/shenhe_list-20170308201109.js"></script>

<link href="/web_css/style-20170308201109.css" rel="stylesheet">


外部引用的资源则不动,比如

<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.js"></script>

则不做修改


编写脚本,第一参数为一个json文件名

task.json

{

  "root_path": "/opt/ipaloma/WebPages",

  "dest_path": "/opt/ipaloma/WebPages_builde",

  "version": "20170308201109",

  "add_version_regex": [

    "*.js",

    "*.css",

    "*.png"

  ],

  "minimize_regex": [

    "*.js",

    "*.css"

  ]

}


注:

root_path 为源目录,是要进行处理目录

dest_path 为输出目录

version 为资源版本号

add_version_regex 为要追加版本号的资源类型

minimize_regex 为要进行压缩的资源类型

加载中
返回顶部
顶部