关于javascript:静态资源的处理

动态资源

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

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