写点什么

前端工程化

0 人感兴趣 · 13 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/e8/e839c6598d1e06aa5868331751a0306f.jpeg?x-oss-process=image/resize,w_416,h_234

[万字总结] 一文吃透 Webpack 核心原理

用户头像
范文杰6 月 1 日

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

前端工程化 -webpack

用户头像
chun11234 月 27 日

1、Webpack 的构建流程主要有哪些环节?如果可以请尽可能详尽的描述 Webpack 打包的整个过程。

https://static001.geekbang.org/infoq/bc/bc1c7606373299ca73c5a0461e467bdb.jpeg?x-oss-process=image/resize,w_416,h_234

使用 Travis CI 为工程搭建一个持续集成服务。

用户头像
梁龙先森2 月 8 日

持续集成,工程化上重要的一环,保证分支大幅度偏离主干!

https://static001.geekbang.org/infoq/bc/bc1c7606373299ca73c5a0461e467bdb.jpeg?x-oss-process=image/resize,w_416,h_234

源码 | 浅谈 Webpack 原理,以及 loader 和 plugin 实现。

用户头像
梁龙先森2020 年 11 月 30 日

通过源码理解webpack5原理和构建过程,以及raw-loader和cros-plugin插件实现,手撸最简webpack。

解密智联招聘的大前端架构 Ada

用户头像
智联大前端2020 年 11 月 30 日

Ada是智联招聘自主研发的演进式大前端架构。于2017年正式投入使用后,又经过三年持续演进,全面覆盖了从研发到运维的各个方面,具备跨技术栈工程化体系、交互式图形界面开发工具、自动化发布流程、Serverless运行时和完善的监控预警设施。目前已经支撑集团内

https://static001.geekbang.org/infoq/bc/bc1c7606373299ca73c5a0461e467bdb.jpeg?x-oss-process=image/resize,w_416,h_234

脚手架 | 从零搭建满足权限校验等需求的前端命令行工具

用户头像
梁龙先森2020 年 11 月 23 日

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

https://static001.geekbang.org/infoq/3d/3d2825e0c02ee72c6c2cb7e7be775985.jpeg?x-oss-process=image/resize,w_416,h_234

Snowpack - 更快的前端构建工具

用户头像
曲迪2020 年 11 月 22 日

Snowpack 更快的开发构建工具。以原生ES Module的方式在开发环境加载模块,提高开发效率

https://static001.geekbang.org/infoq/15/15fbf4f6d69926e719e07ef0fdd9db95.jpeg?x-oss-process=image/resize,w_416,h_234

一条龙!CI / CD 、打造小团队前端工程化服务

用户头像
久违2020 年 9 月 3 日

​这个是自动化部署 + npm私有库搭建 + API Mock server 等服务的搭建

https://static001.geekbang.org/infoq/91/9109570a3c70c15c3a0e148e02d2d524.png?x-oss-process=image/resize,w_416,h_234

比 Webpack 更高效的 Rollup 入门指南

用户头像
费马2020 年 6 月 10 日

Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序。Rollup 对代码模块使用新的标准化格式,这些标准都包含在 JavaScript 的 ES6 版本中,而不是以前的特殊解决方案,如 CommonJS 和 AMD。

前端工程化_前端工程化资料文章-InfoQ写作平台