前端工程化
1 人感兴趣 · 21 次引用
- 最新
- 推荐

前端工程化实战:React 的模块化开发、性能优化和组件化实践
前端工程化实战是指通过组织工作流程、使用工具和技术来提高前端开发效率和质量的一种方法。常见的前端工程化实践包括模块化开发、自动化构建、代码检查和测试、性能优化等。下面将简要介绍模块化开发、性能优化和组件化实践。

剥茧抽丝,细数模块化的前世今生
近几年,时常会感叹,前端,发展的太迅猛了。日新月异的新概念,异彩纷呈的新思想泉水般涌出;前端项目的复杂度、开发成本、维护难度也在不断提升,前端三件套开发模式(HTML-CSS-JS)滞后于前端的进步,这要求我们需要以更高层次的眼光来重新审视前端—工程化
Webpack5 新特性:使用 Assets Module 处理图片和字体资源
本文介绍了 Webpack5 的 Assets Module ,是其内置的用来处理图片字体文件等资源模块的新功能。相比与过去通过 loader 的方式去处理,更加方便和简洁。

[万字总结] 一文吃透 Webpack 核心原理
长文预警!万字总结 Webpack 核心流程与插件架构,带你深入理解从启动到输出 bundle,Webpack 内部逻辑流转与数据结构变化




源码 | 浅谈 Webpack 原理,以及 loader 和 plugin 实现。
通过源码理解webpack5原理和构建过程,以及raw-loader和cros-plugin插件实现,手撸最简webpack。
解密智联招聘的大前端架构 Ada
Ada是智联招聘自主研发的演进式大前端架构。于2017年正式投入使用后,又经过三年持续演进,全面覆盖了从研发到运维的各个方面,具备跨技术栈工程化体系、交互式图形界面开发工具、自动化发布流程、Serverless运行时和完善的监控预警设施。目前已经支撑集团内

脚手架 | 从零搭建满足权限校验等需求的前端命令行工具
从零自定义一套符合团队需求的前端脚手架,具备实时升级、权限校验、集成开发/生产构建部署等工具流,是工程化必不可少的部分。
