先上灵魂拷问 在文章之前，先抛一些灵魂拷问： 前端代码从 tsx/jsx 到部署上线被用户访问，中间大致会经历哪些过程？ 上述过程中分别都有哪些考虑、指标和优化点，以满足复杂的业务需求？ 可能大部分同

为什么使用 Github Actions ？众所周知，前端部署无非就是把打包之后的代码丢到 nginx html 目录下就完事了，但是每逢产品频繁改需求，甚至只是让你改线上一个字的时候，你总要重复一遍

按照国际惯例，正文开始之前，我们先简单介绍下目前市面上的 npm 私库开源框架。 Verdaccio 是 sinopia 开源框架的一个分支。它提供了自己的小数据库，以及代理其他注册中心的能力（例如。npmjs.org 网站)，配置以及部署相对简单，一步到"胃"。如果公司的私包…

项目部署作为网页开发中必不可少的一环，每一名合格的前端开发都应当有所了解，而不是不闻不问。不可否认的是，初次经历整个部署流程会遇到不少曲折，但这些难得的经验对于我们理解从在浏览器输入网址，出现网页内容，再到与之交互的整个流程甚至细节都有着不可或缺甚至无法替代的作用。在这个弱肉强…

本教程主要讲解了怎么使用 Jenkins 和 Github Actions 部署前端项目。 第一部分是使用 Gitea 配置局域网 git 服务器，再使用 Jenkins 将 Gitea 下的项目部署到局域网服务器。 第二部分是使用 Github Actions 将 Githu…

说人话就是，Jenkins是一个持续集成的工具，我们可以通过它丰富的插件系统，搭建自己需要的打包和编译环境，通过设定的触发机制，自动开始打包项目，并将打包好的项目部署到服务器。 一句话，我可以一个操作或者自动完成项目的打包部署工作。想看更多，点此 往下看，往下看，往下看。 点击…

P6 前端必备脚手架 /CI 构建能力，顺着怪怪的思路往下看，然后获取文章末尾的源码，跟着源码操作一遍，就是一个完整的前端脚手架构建、发布、部署工程化项目。 下图中左边部分的项目初始化、模板拉取、项目运行部分，在《大前端进阶 Node.js》系列 P6 必备脚手架/CI 构建能…

首先，如果你是一路跟着前面七篇教程一路敲过来的，那么将整个 Vue 前端项目放到新创建的 client 目录中，把整个 Express 后端项目放到新创建的 server 目录。如果你打算直接从这一篇开始学习部署，可以通过直接下载我们提供的代码： 我们将整个应用通过 Nginx…

想想自己在公司的时候，基本都是写业务，做前端相关的工作，但对于其他方面是涉猎比较少，或者基本没有的。又再想想之前面试的时候，面试官也会问一些栈外问题，比如说你们公司的代码是如何发布部署的，这时候的我是一脸懵逼的。这就使得我想要懂得如何部署代码，以下是折腾的过程，记录一下。 云服…