关于javascript:静态资源的处理

4次阅读

共计 442 个字符,预计需要花费 2 分钟才能阅读完成。

动态资源

能够先提到个别前端服务部署的场景,如何防止缓存导致的非同步更新

  • 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 文件实现自动化部署
正文完
 0