静态资源
可以先提到一般前端服务部署的场景,如何避免缓存导致的非同步更新
- html文件部署到服务器
- 静态资源在 cdn 服务器,覆盖式部署,通常会根据不同的hash方案来覆盖前面的版本
- 这样页面更新或者资源更新都不会导致空档期
静态资源:一般指除了html之外的包括js, css, 图片等,多数工程项目流程是借助webpack打包,再通过相关js资源的引入。访问根目录会通过nginx等指向html,之后再由spa实现路由分配。
一般实现方案
暂不讨论打包的dist整体部署在服务器,下面聊一下如何实现打包构建实现静态资源的自动化上传。
- 配置 publicPath: 静态资源的访问路径,可以是服务器下的子路径,也可以是cdn地址,可以基于node 环境变量自行配置。
- 自动化上传脚本
这一步一般放在构建脚本最后一步,通常产出dist文件后执行,可以是本地脚本也可以是常用的npm包,其流程就是一般的扫描目录上传云服务,这里熟悉几个node api即可
- 配置 package.json的相关脚本,结合 ci 文件实现自动化部署
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。