动态资源
能够先提到个别前端服务部署的场景,如何防止缓存导致的非同步更新
- html文件部署到服务器
- 动态资源在 cdn 服务器,笼罩式部署,通常会依据不同的hash计划来笼罩后面的版本
- 这样页面更新或者资源更新都不会导致空档期
动态资源:个别指除了html之外的包含js, css, 图片等,少数工程项目流程是借助webpack打包,再通过相干js资源的引入。拜访根目录会通过nginx等指向html,之后再由spa实现路由调配。
个别实现计划
暂不探讨打包的dist整体部署在服务器,上面聊一下如何实现打包构建实现动态资源的自动化上传。
- 配置 publicPath: 动态资源的拜访门路,能够是服务器下的子门路,也能够是cdn地址,能够基于node 环境变量自行配置。
- 自动化上传脚本
这一步个别放在构建脚本最初一步,通常产出dist文件后执行,能够是本地脚本也能够是罕用的npm包,其流程就是个别的扫描目录上传云服务,这里相熟几个node api即可
- 配置 package.json的相干脚本,联合 ci 文件实现自动化部署