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

前端工程化

0 人感兴趣 · 13 次引用

关注

最新
推荐

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

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

梁龙先森2 月 8 日

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

持续集成前端工程化 2月春节不断更

Webpack | 提升构建速度和体积优化的 N 种方式

梁龙先森2 月 5 日

这是我能想到的所有关于webpack的优化方式。

前端工程化 webpack 2月春节不断更

Webpack | 如何提升构建速度，进行体积优化？

梁龙先森2 月 4 日

项目代码量到达一定程度，你不得不懂的优化策略。

前端工程化 webpack 28天写作 2月春节不断更

webpack | 进阶用法 4：如何进行构建速度和体积分析

梁龙先森2 月 3 日

掌握webpack构建优化前的分析技能。

前端工程化 webpack 28天写作 2月春节不断更

webpack | plugin 机制详解

梁龙先森1 月 29 日

webpack的plugin机制

前端前端工程化 webpack 28天写作

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

聊聊前端 UI 组件：组件设计

欧雷1 月 28 日

本文是微信朋友圈所立 flag 的「引子」。

前端工程组件化前端工程化

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

梁龙先森2020 年 11 月 30 日

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

前端前端工程化 webpack 前端进阶

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

智联大前端2020 年 11 月 30 日

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

Serverless 前端架构开发工具前端工程化微前端

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

梁龙先森2020 年 11 月 23 日

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

node.js 前端前端工程化前端进阶

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/d6/d6858878037fffec465157cfbcf86de9.jpeg?x-oss-process=image/resize,w_416,h_234

聊聊前端 UI 组件：组件体系

欧雷2020 年 10 月 17 日

以本系列的上篇文章中所得出的特征模型为基础，探讨下如何设计并建立一个前端 UI 组件体系。

前端工程组件化前端工程化

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 等服务的搭建

Vue 前端 jenkins React 前端工程化

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。

Rollup 打包前端工程化 webpack

创作场景

前端工程化

推荐作者

推荐标签