Skip to main content

前端资源发布

前面的章节提到过前端代码开发完成后我们会执行 npm run build 命令来进行构建,接下来需要我们需要在 HTML 或者后端模板中引入构建好的 js&css 文件,这时候就需要将构建好的文件进行发布,静态资源的发布一般有两种方式:CDN 发布、通过后端服务托管。

资源发布

CDN 发布

推荐通过 阿里云 OSS 服务进行非覆盖式发布,每个版本建一个 x.y.z 的文件夹,然后将 build 资源复制进去,接着就可以通过 url 访问这些 CDN 资源了。

后端服务托管

一般情况下你只需要使用对应的 web 框架启动一个静态文件服务器,然后将构建好的 build 资源复制到对应目录下,即可在模板中通过 https://127.0.0.1:6001/static/js/index.js 的方式引入对应资源。

版本号管理

为了便于代码的回滚,我们推荐使用非覆盖式发布前端资源,每一次发布都会产生一个新的资源地址,比如:

这样我们每次发布前端资源后,只需要更新下后端模板里引用的前端资源地址即可。但是如果每次前端发布都需要更改后端代码同时发布一次后端应用,这样效率太低,因此我们推荐通过一些配置管理系统来管理前端版本,只需要在系统上点击发布即可将新的版本同步给对应的后端应用。