前端工程化，就是降本提效的体现，广义上，前端工程化包含一切以降低成本、提高效率、保障质量为目的的手段

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

workflow （工作流程）：持续集成一次运行的过程，就是一个 workflow。 job （任务）：一个 workflow 由一个或多个 jobs 构成，含义是一次持续集成的运行，可以完成多个任务。 step（步骤）：每个 job 由多个 step 构成，一步步完成。 ac…

微前端作为解决巨石应用模块化和降低技术框架变动风险的神器，我觉得是当下前端发展的一大方向，可以在未来5-10年内保持生命力。 作者从2019年12月第一次使用qiankun框架落地微服务以来已经过去了一年多的时间，形成了、脚手架、工程结构设计、日常开发维护、性能优化、部署等一整…

我这里是mac os,如果你用linux就不会碰到很多下面碰到的问题了。 注意: 虽然第一个是docker官方维护的版本，但它很长时间没有更新了，是一个过时的版本。所以这里我们要安装第二个，这个是jenkins维护的 注意： 这里不要直接复制上面的命令，需要把/Users/is…

1.打包，本地运行npm run build打包生成dist文件夹。 2.ssh连接服务器，切换路径到web对应目录下。 3.上传代码到web目录，一般通过xshell或者xftp完成。 1.每次都需要打开xshell软件与服务器建立连接。 2.当负责多个项目且每个项目都具有测…

服务篇可查看 基于 Express 应用框架的技术方案选型浅谈。 在项目中我们经常会用到一些 Node 脚本命令来简化开发的工作量，例如 Element 组件库的 NPM 脚本命令 build:file (使用脚本生成 Webpack 构建的入口源文件)。 为了解决 Node …

我在1月发表过一篇：从0搭建自动版本管理的Vue组件库，是一篇搭建组件库的todo类型的文章，包括组件库的搭建、配置、打包、发布。随着公司前端基建越来越完善，我们会产出越来越多的像这样的前端库，而且类型越来越多：组件库、js库、css库，每个库都需要去从零开始搞搭建配置打包发布…