之前一版的工程化核心产物就是一个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的工程化会变得更加合理与健全。

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

Docker+Cmd+Cli+Git之前端工程化纪要（一）整体目标的更多相关文章

  1. Docker+Cmd+Cli+Git之前端工程化纪要（二）自定义类package.json文件管理模块包

    全新升级后的FE工作流为:使用FE命令包进行项目的初始化,其中包括项目初始化.拉取脚手架.私库拉取模块包或后期扩展的CI/CD等与本公司工作流相关的操作. 出现的问题如下: 脚手架工具的包依赖信息存放 ...

  2. 前端工程化 - 剖析npm的包管理机制

    转自https://juejin.im/post/5df789066fb9a0161f30580c 现如今,前端开发的同学已经离不开 npm 这个包管理工具,其优秀的包版本管理机制承载了整个繁荣发展的 ...

  3. 公司内部技术分享之Vue.js和前端工程化

    今天主要的核心话题是Vue.js和前端工程化.我将结合我这两年多的工作学习经历来谈谈这个,主要侧重点是前端工程化,Vue.js侧重点相对前端工程化,比重不是特别大. Vue.js Vue.js和Rea ...

  4. 10分钟学会前端工程化（webpack4.0）

    一.概要 1.1.前端工程化 随着前端的不断发展与壮大,前端变得越来越复杂,组件化.模块化.工程化.自动化成了前端发展中不可或缺的一部分,具体到前端工程化,面临的问题是如何提高编码->测试-&g ...

  5. 前端工程化开发之yeoman、bower、grunt

    上两遍文章介绍了前端模块化开发(以seaJs为例)和前端自动化开发(以grunt为例)的流程,参见: http://www.cnblogs.com/luozhihao/p/4818782.html ( ...

  6. gulp前端工程化教程

    gulp npm install -g gulp-concat 文件打包 npm install -g gulp-rename 文件重命名 npm install -g gulp-imagemin 图 ...

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

    在前端工程化系列[05] Yeoman脚手架使用入门这边文章中,对Yeoman的使用做了简单的入门介绍,这篇文章我们将接着探讨Yeoman这个脚手架工具内部的核心机制,主要包括以下内容 ❏ Yeoma ...

  8. vue组件续和前端工程化

    1.3 插槽 slot template: ` <button> <slot></slot> </button> ` <my-button> ...

  9. web前端工程化/构建自动化

    前端工程化 前端工程化的概念在近些年来逐渐成为主流构建大型web应用不可或缺的一部分,在此我通过以下这三方面总结一下自己的理解. 为什么需要前端工程化. 前端工程化的演化. 怎么实现前端工程化. 为什 ...

随机推荐

  1. spring boot pom demo

    <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/20 ...

  2. 吴裕雄--天生自然 pythonTensorFlow图形数据处理：windows操作系统安装指定版本的tensorflow

    pip install tensorflow==1.14.0

  3. redis设置cpu核数与内存

    每个redis实例,给系统要预留至少1/4核,可使用1核心cpu.内存要预留1/2. 比如:8核120G的服务器,可部署8-8/4=6个redis实例,每个实例120/2/6=10G内存.

  4. Opencv笔记（一）：图像的基本操作

    1.图像的读.显示和保存操作 import cv2 img = cv2.imread('filename',0); cv2.imshow('name',img); k=cv2.waitKey(0); ...

  5. zabbix监控Linux服务器CPU使用率大于40%的时候报警（实践版）

    zabbix自带的模板里面有监控项,所以监控项就不用创建了,直接创建触发器就可以了,触发器细节如下: 名称:CPU使用率大于40% 严重性:严重 表达式:{121.201.54.50:system.c ...

  6. Python_运维中常用的20个库和模块

    1.psutil是一个跨平台库(https://github.com/giampaolo/psutil)能够实现获取系统运行的进程和系统利用率(内存,CPU,磁盘,网络等),主要用于系统监控,分析和系 ...

  7. （一）Thread的run() 和 start() 方法

    Java多线程在实际开发中会遇到很多问题,对于这种争抢CPU时间片段的选手,我们或许有很多困惑,捉摸不透.即便如此,它也是可以被我们控制的. 最近在看Java多线程的书籍,里面有好多我曾经不怎么注意的 ...

  8. HDU-6708 Windows Of CCPC（打表，递归）

    http://acm.hdu.edu.cn/showproblem.php?pid=6708 Time Limit: 2000/1000 MS (Java/Others)    Memory Limi ...

  9. 监控 Linux 服务器活动的几个命令(watch top ac)

    watch.top 和 ac 命令为我们监视 Linux 服务器上的活动提供了一些十分高效的途径. 为了在获取系统活动时更加轻松,Linux 系统提供了一系列相关的命令.在这篇文章中,我们就一起来看看 ...

  10. docker-compose up Windows named pipe error:(code: 2)

    执行docker-compose up启动项目时,报如下错误: ERRORERROR: Windows named pipe error: 膸碌脥艂艕艊藳禄碌藵脰赂露篓碌脛脦脛慕牛藝艁 (code: ...