1

静态资源

可以先提到一般前端服务部署的场景,如何避免缓存导致的非同步更新

  • html文件部署到服务器
  • 静态资源在 cdn 服务器,覆盖式部署,通常会根据不同的hash方案来覆盖前面的版本
  • 这样页面更新或者资源更新都不会导致空档期

静态资源:一般指除了html之外的包括js, css, 图片等,多数工程项目流程是借助webpack打包,再通过相关js资源的引入。访问根目录会通过nginx等指向html,之后再由spa实现路由分配。

一般实现方案

暂不讨论打包的dist整体部署在服务器,下面聊一下如何实现打包构建实现静态资源的自动化上传。

  1. 配置 publicPath: 静态资源的访问路径,可以是服务器下的子路径,也可以是cdn地址,可以基于node 环境变量自行配置。
  2. 自动化上传脚本

这一步一般放在构建脚本最后一步,通常产出dist文件后执行,可以是本地脚本也可以是常用的npm包,其流程就是一般的扫描目录上传云服务,这里熟悉几个node api即可

  1. 配置 package.json的相关脚本,结合 ci 文件实现自动化部署

currygolden
31 声望1 粉丝

人生如逆旅,我亦是行人