Docker+Cmd+Cli+Git之前端工程化纪要(一)整体目标

之前一版的工程化核心产物就是一个IDE,即利用python+node将webpack等技术将FE的开发、编译、部署上线等环境集成在sublime中,产出了一个核心工具。但随着长期的使用与技术栈的优化升级等,原工程化工具的局限性、便利性、跨平台的兼容性等方面的问题正在逐渐暴露,加之最近的疫情因素,更让我们有理由对整个FE的工程化做一次彻底的升级。

根据之前的经验

和与同事的沟通后,对新的工程化工具提出了一下几点要求:

(1) 跨平台(windows/mac/linux)

(2) 满足远程办公需要

(3)任意PC能够做到工作环境快速部署

(4) 前端npm私库

(5)更方便的技术栈迁移与升级机制、良好的扩展机制

(6)调整统一的eslint开发标准

(7)便利的项目初始化(多样化的项目类型)与切换

(8)便利友好的debug提示(host环境、代理环境、代理目标url等)

(9)各端、各业务需拥有统一的debug机制与方法,方便开发人员相互review和协作

(10便利的线下环境同步机制

(11)便利的build机制(官方服务器与CDN切换)

(12)CI/CD

(13)统一的异常上报与处理机制

整个FE的工程化核心从大的方面来说基本为:Docker + FE cmd package + FE-cli + git

配合上业务管理工具可以再额外增加一个 FE kpi platform

完善之后,FE的工程化会变得更加合理与健全。

每个步骤的详细记录正在持续进行中。

原文地址:https://www.cnblogs.com/pomelott/p/12386170.html

时间: 2024-11-12 05:13:22

Docker+Cmd+Cli+Git之前端工程化纪要(一)整体目标的相关文章

前端工程化(摘抄)

目前来说,Web业务日益复杂化和多元化,前端开发已经由以WebPage模式为主转变为以WebApp模式为主了.现在随便找个前端项目,都已经不是过去的拼个页面+搞几个jQuery插件就能完成的了.工程复杂了就会产生许多问题,比如:如何进行高效的多人协作?如何保证项目的可维护性?如何提高项目的开发质量?... 前端工程化是前端架构中重要的一环,就是为了解决上述各种效率方面的问题的.而前端工程本质上是软件工程的一种,因此我们应该从软件工程的角度来研究前端工程. 那么前端工程化需要考虑哪些因素?我认为前

前端工程化,你做了多少?

前端工程化是近几年比较热门的一个东西,大大小小的团队也在朝着这一方向发展,那么你的团队做了多少呢? 前端发展简史 石期时代 最初的前端页面都是一些静态页面,人们看到的网页就像报纸一样. 青铜时代 后端为主的时代,往往页面都是后端利用一些模版引擎来完成页面:对于有大量页面的项目,前端在写页面需要构造一定的环境,比如jsp,php等. 铁器时代 随着ajax的诞生,浏览器可以主动从服务端拉取数据,前后端分离的时代到来,SPA应运而生,前端可以处理一些复杂的交互.业务逻辑. 工业时代 随着前端扮演的角

爆栈之前端工程化技术小结备案

ps,前些天一90后同事说,要我多写些blog,因为你的实力要show给别人知道,就要怎样怎样的.. 同时建议写个工程化架构来简化工作等等.有时觉得有点对,又觉得有点可笑,有觉得有点无奈... 由于本人是重后端技术,所以对前端技术了解并不深入. 由于很多都是原始pc的web,而且大多都是轻前端项目.所以这里先说下以前用到过的前端js技术大多是: jquery,extjs,easyui,ko,bootstrap,dorado等等,当然还有各种各样的,如日历,上传,富编辑器,报表等等js插件. 但现

论前端工程化

在不知道什么时候,突然有人提起前端工程化这东西,一开始觉得又是某个大神故意提起的高深词汇,专门来吓唬人的. 继而我疯狂查找了很多的资料,在接近二十篇的相关资料,每一篇文章都写得神乎其神,大有唯我独尊的意味,但每篇看下来,总感觉不对经--就是大家都把自己一套比较规范的开发套路充当出前端工程化,前端工程化变成了前端优化,让人看了,"对啊,这样做规范多了,优化不错啊,巴拉巴拉",但又觉得工程化不应该只是这些,像缺什么,让人看得云里雾里,似懂非懂.这种文章虽不算误人子弟,但讳莫如深,妖魔化了前

论前端工程化(转载)

在不知道什么时候,突然有人提起前端工程化这东西,一开始觉得又是某个大神故意提起的高深词汇,专门来吓唬人的. 继而我疯狂查找了很多的资料,在接近二十篇的相关资料,每一篇文章都写得神乎其神,大有唯我独尊的意味,但每篇看下来,总感觉不对经--就是大家都把自己一套比较规范的开发套路充当出前端工程化,前端工程化变成了前端优化,让人看了,"对啊,这样做规范多了,优化不错啊,巴拉巴拉",但又觉得工程化不应该只是这些,像缺什么,让人看得云里雾里,似懂非懂.这种文章虽不算误人子弟,但讳莫如深,妖魔化了前

谁妖魔化了前端工程化

在不知道什么时候,突然有人提起前端工程化这东西,一开始觉得又是某个大神故意提起的高深词汇,专门来吓唬人的. 继而我疯狂查找了很多的资料,在接近二十篇的相关资料,每一篇文章都写得神乎其神,大有唯我独尊的意味,但每篇看下来,总感觉不对经--就是大家都把自己一套比较规范的开发套路充当出前端工程化,前端工程化变成了前端优化,让人看了,"对啊,这样做规范多了,优化不错啊,巴拉巴拉",但又觉得工程化不应该只是这些,像缺什么,让人看得云里雾里,似懂非懂.这种文章虽不算误人子弟,但讳莫如深,妖魔化了前

前端工程化系列[06]-Yeoman脚手架核心机制

在前端工程化系列[05] Yeoman脚手架使用入门这边文章中,对Yeoman的使用做了简单的入门介绍,这篇文章我们将接着探讨Yeoman这个脚手架工具内部的核心机制,主要包括以下内容 ? Yeoman脚手架工具的价值讨论? generator[生成器]的内部结构? generator[生成器]的项目模板? Yeoman脚手架工具的核心运转机制? Yeoman 的主要组装流程 Yeoman这样的脚手架工具解决了什么问题? 所有新事物都不是凭空产生的,它们的出现总有某些内在的驱动力.一项新技术,一

前端工程化的个人思考

在我的印象中,一提到软件工程,首先不会想到的是前端这一块,大概是因为以往工作偏向的缘故.这两年最大的感触就是前端发展的很快,时下的前端开发也远非从网络中抠一段jQuery代码就能搞定功能这么简单. AJAX的出现第一次将前端的请求异步化,局部刷新使用户体验提升了一大截.NodeJS的出现则将前端的发展推向了高潮,一大批基于V8引擎.基于NodeJS之上的开发工具脱颖而出,极速的提升前端开发的效率.效果. 下面从几个方面,来梳理下近阶段关于前端的一些思考,仅供参考,欢迎在留言区讨论. 前端工程师岗

浅谈前端工程化、模块化、组件化

什么是前端工程化.模块化.组件化? 前端工程化 工程化是一种思想而不是某种技术(当然为了实现工程化我们会用一些技术) 再用一句通俗的话来概括前端工程化:前端工程化就是用做工程的思维看待和开发自己的项目,而不再是直接撸起袖子一个页面一个页面开写 前端模块化前端工程化是一个高层次的思想,而模块化和组件化是为工程化思想下相对较具体的开发方式,因此可以简单的认为模块化和组件化是工程化的表现形式. 模块化开发,一个模块就是一个实现特定功能的文件,有了模块我们就可以更方便的使用别人的代码,要用什么功能就加载