前言
翻看我的 CSDN 创作历程，2017~2019 三年的记录是空白。2018 年，正是国内前端生态风起云涌的一年，很多现在我们习以为常的工程化方案、框架思想，都在这一年落地普及。今天写下这篇复盘，不是穿越回当年发文，而是以 2026 年的视角，回头考古 2018 年的前端世界，重温那个前端工程化爆发的时代。
2018 年，浏览器能力稳步提升，移动端 H5 业务全面铺开，前端不再只是 "页面切图"。三大关键词贯穿全年：Vue2 进入稳定成熟期、Webpack4 正式发布、PWA 理念在国内大规模出圈。这一年奠定了往后数年国内前端开发的基础范式。
Vue2 迎来成熟期，成为国内主流开发框架
Vue 2.0 在 2016 年正式发布，但真正大规模普及、社区生态走向完备，正是 2018 年。
2018 年 Vue 版本迭代到2.5.x稳定分支，这一版本完善了服务端渲染 SSR、错误捕获机制，修复大量边界 case。配套生态成型：vue-router 3、vuex状态管理库成为标配，UI 组件库遍地开花，Element UI 在这一年快速崛起，成为企业后台管理系统首选组件库。
在 2018 年之前，很多团队还在 jQuery、原生 JS、AngularJS 之间摇摆。而 2018 年，大量国内中小企业新项目直接选择 Vue2。
- 优势：上手门槛低，文档中文友好，响应式开发模式易于理解；
- 局限：此时 Vue2 还没有 Composition API，组件复用依赖 mixins，存在命名冲突、来源不清晰的经典痛点；
- 时代印记：当时面试高频题全部围绕 Vue 响应式原理、Object.defineProperty、diff 算法。
站在 2026 年回头看，Vue2 的成熟，直接推动国内前端从命令式开发转向声明式组件化开发，组件化思想大规模落地，这是前端发展一个关键转折点。
Webpack4 重磅发布，前端工程化普及元年
2018 年 2 月，Webpack4 正式发布，是当年前端工程化领域最大事件。
Webpack4 带来了很多革命性简化：
- 零配置启动 ：不需要必须写
webpack.config.js，简单项目开箱即可打包； mode模式：新增development和production，自动内置优化配置，告别手动维护一大堆 plugin；- 移除 CommonsChunkPlugin，换成
optimization.splitChunks，代码分割配置大幅简化； - 构建性能优化，打包速度对比 Webpack3 有明显提升。
在 Webpack4 之前，Webpack 配置极其繁琐，新人上手门槛极高。Webpack4 大幅降低工程化门槛，让中小型项目也能轻松用上模块化打包。
配套工具链同步繁荣：babel 做 ES6 转 ES5、eslint 代码校验、postcss 处理 CSS。一套Webpack+Babel+ESLint的标准开发流，在 2018 年成为前端项目标配。
时代痛点：当年调试打包产物非常痛苦，sourcemap 配置复杂；热更新 HMR 经常失效，是无数前端开发者共同的记忆。
PWA 大火，渐进式网页应用成为热点概念
2018 年，PWA（Progressive Web App，渐进式网页应用）在国内社区爆火，几乎所有前端大会都有 PWA 专题分享。
PWA 核心能力：Service Worker 离线缓存、添加到桌面、推送通知。它试图抹平网页和原生 App 之间的差距：网页可以离线访问，桌面有独立图标，还能接收消息推送。
当年很多大厂纷纷试水：淘宝、知乎、饿了么都上线 PWA 版本，社区大量文章、Demo 涌现，大家都认为 PWA 会是下一代移动端 Web 的答案。
但回头复盘，PWA 在国内落地遇到现实阻碍：
- 国内安卓厂商对 Service Worker、桌面添加支持参差不齐；
- 国内推送通道和 Google 服务强绑定，在国内环境受限；
- 小程序同期快速崛起，企业更愿意投入小程序生态。
热度过后，PWA 没有像预期那样大规模普及，但是它留下的技术遗产非常宝贵：离线缓存策略、资源预加载、Web 性能优化思想，这些思路一直沿用至今，现在很多前端性能优化方案，源头都来自 PWA 探索。
2018 年其他不容忽视的前端动态
除了三大主线，2018 还有很多标志性事件：
- ES Modules 开始在浏览器原生支持，模块化方案迎来新的可能性；
- Flutter 首次亮相，跨端赛道开始新的竞争；
- 小程序生态飞速扩张，成为移动端业务新选择；
- 前端性能优化体系成熟：首屏加载、懒加载、图片优化、Tree-Shaking 成为工程化必备优化项。
站在 2026 回望：当年的技术给我们带来什么启示
2018 年的前端，是工程化启蒙、组件化落地的黄金年代。
- Vue2 教会国内开发者组件化思想；
- Webpack4 降低工程化门槛，让模块化打包成为标配；
- PWA 的探索，打开了 Web 能力的想象边界。
很多当年火热的技术，有的持续迭代，有的慢慢淡出主流：Vue2 如今进入维护末期，Webpack 现在被 Vite、Rspack 等新一代构建工具挑战，PWA 不再是风口，但里面的性能、离线思想一直保留。技术一直在迭代，但当年那批开发者沉淀下来的工程化思维，一直影响到现在。
技术考古的意义，不只是怀旧。看懂技术当年为什么诞生、为什么流行、遇到什么瓶颈，能帮助我们更好判断当下新技术的取舍。现在我们看到 Vite、React Server Components、Web 原生新特性，都可以从当年这段历史里找到脉络。
结尾
这篇文章算是补齐我个人博客编年史的一块空白。虽然文章发布于 2026，不能回填到 CSDN 创作历程 2018 的统计栏里，但文字本身记录了属于 2018 前端人的共同记忆。
互动提问：你是哪一年入行前端？有没有经历 Vue2、Webpack4 那个时代？欢迎评论区聊聊当年踩过的坑。