webpack 和 nodejs 在开发的自动化上起了很大的作用。前端项目本地化开发的 server 由 nodejs（常用，也不一定非得是 nodejs）提供，开发过程中的各种辅助性 plugin 和 loader 都由 webpack 生态提供，上线前的代码打包、代码分割、资源处理也由 webpack 操作，可以说过去几年间很多前端在职业晋升上都吃了引入 webpack 和 nodejs 的红利。

再说 babel，有了 babel 的配合，前端可以写高版本的 JavaScript 方法，配合 webpack loader，自动编译成低版本 JavaScript，前端能力再次得到提升。

其次是部署发布的自动化。

这个应该是很多大厂前端基建团队做的事情，比如持续发布、版本控制、内部 cdn 建设等等。

大前端

这也是个在过去几年炒的很热的词，不过这个词不仅仅是炒作，它也实实在在的扩展了前端的能力以及现有的公司组织架构，比如据我所知有的公司移动端和前端就会划分到同一个团队管理，统称大前端团队。

nodejs

这个在前端工程化部分已经说过一些，这里再次提起是因为在工程化中 nodejs 扮演的角色是提供 nodejs 环境以及部分后端能力，而在大前端团队里是实实在在的存在 nodejs 工程师角色和 nodejs 项目的。比如说在前后端分离的过程中，部分公司（比如阿里淘宝）会发展出一个中间层的东西，这可以理解为是一个大前端团队维护的业务接口聚合层，前端写接口肯定是使用 nodejs 最顺手，而且 nodejs 生态也在蓬勃发展，比如早些年的 TJ 大神一人之力扛起半个 nodejs 生态圈，涌现了 koa、express 这样的基于中间件的开发库，再到后来阿里巴巴的 egg，再到 Nest.js，现在基本已经没有裸写 nodejs api 的了。

跨端

先说说手机端

首先，最直接的跨端就是在 APP 壳子里面套 HTML 页面来开发，这种方案也催生了很多 hybrid 解决方案，前端也需要去了解客户端的知识以及 JavaScript Bridge 的设计，同时也减少了 APP 客户端工程师的岗位😂

然后，随着 React 生态蓬勃发展，Facebook 开源了一个跨平台移动应用开发框架——ReactNative，它可以让你以 React 的前端语法来开发移动应用，本质就是虚拟 DOM 映射原生 UI 元素、通过 bridge 调用原生 API，这种思路让前端的触手伸到了移动开发，也促成了大前端团队的建设。Vue 生态也有阿里发起的 Weex 移动开发框架，原理类似。

再后来，Flutter 出现了，它也是一个跨端的开发框架，准确来说它和 JavaScript 生态关系不大，使用 Dart 语言开发 APP，并且有自己的跨平台自绘引擎来保证多端 UI 表现一致，但因为也是一种跨端的解决方案，所以也受到了大量前端工程师的关注和学习。

最后，还是要提一嘴小程序，这个技术方案其实是商业的产物，各个公司都想把内容和生态留在自家的 APP 里，所以从微信小程序开始（微信不是最早，但是发展的最好），阿里、百度、字节跳动等等这些公司都有了自家的小程序。

再说说桌面端

桌面端据我了解使用的比较多的是 Electron，它可以让前端以 JavaScript 来开发出桌面应用，比如字节跳动的飞书桌面端就是使用 Electron 来做的。