这问题在前端构建都算有比较成熟的解决方案
我讲讲使用gulp
时我的做法吧
首先是相对路径问题
生产环境最好还是用绝对路径,但是绝对路径不利于开发调试
我一般使用gulp-replace
插件,可以参考这个问题我的回答
然后就是文件缓存问题
同样有非常好用的插件,关键词搜gulp hash
之类的会出来一大堆
这里我推荐一个小伙伴的做法,因为他懒于看各种gulp插件的文档,所以自己思索了一下
就是用时间戳+gulp-replace
简单来说,就是在build
任务里(最终构建完成的文件会放上生产环境的gulp任务)
把replace的插件匹配的字符串替换成绝对路径及时间戳hash
类似@@FILEURL/XX.js?v=@@TIMESTAMP
-> http://your.origin.com/your/file/path/XX.js?v=12312323123
每次发布修改引用静态文件名
为引用的静态文件后加时间戳
急的话手动修改,之后再探索自动化工具吧
解决方案5:用webpack打包就可以
解决方案6:使用构建工具,这三言两语说不清,自己搜索一下gulp ,webpack,fis等
解决方案7:https://github.com/sindresorhus/gulp-rev
Copyright © 2015 , 版权所有 码蚁之家 codes51.com 粤ICP备14062022号
声明:《跪天跪地跪亲娘 (html)前端打包-在线等跪求》由码蚁之家搜集整理于网络,
如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!联系邮箱:8963712#qq.com(#改为@)