理解RPC及原理实现 发表于 2019-11-07 | 分类于 其他 | 评论数: 概述缘起学习Node.js过程中实现BFF层时涉及到RPC概念,于是花了两三天时间好好整理了下相关知识点。从概念到原理再到Node.js的实现示例。重点在于理解RPC的技术思想,因为具体实践中都是用成熟的RPC框架。 阅读全文 »
nodejs实现静态服务器 发表于 2019-10-25 | 分类于 其他 | 评论数: 概述本文通过用 Node.js 实现一个 web 静态服务器来深入学习 node 和 http 相关知识。第一部分实现一个最基本的 web 静态服务器,第二部分实现一个含有缓存、压缩、命令行等功能的一个 web 静态服务器。 阅读全文 »
webpack构建速度与体积优化策略 发表于 2019-10-08 | 分类于 工具 | 评论数: 概述先介绍几种速度与体积分析方法的使用,紧接着介绍各种优化方法的使用:多进程构建解析、并行压缩、使用DLLPlugin分包、使用缓存、缩小构建目标、减少文件搜索范围、CSS的Tree Shaking、图片压缩、动态Polyfill。 阅读全文 »
编写可维护的webpack构建配置 发表于 2019-09-29 | 更新于 2019-09-30 | 分类于 工具 | 评论数: 概述通过多个配置文件管理不同环境的 webpack 配置,并抽离成 npm 包统一管理。业务开发者只需要安装该 npm 包,并且根据具体环境需要引用对应的配置文件即可。示例源码 阅读全文 »
编写一个webpack的loader 发表于 2019-09-25 | 分类于 工具 | 评论数: 概述对于 loader,我们用了很多,熟悉的有 css-loader、file-loader 等。但是 loader 的机制是什么,基本的 loader 结构是怎样的,如何搭建一个 loader 开发调试环境,如何自己编写一个 loader,异步 loader 怎么处理,怎么在 loader 中运用第三方 npm 包。本文将对以上问题进行讲解。 阅读全文 »
webpack插件机制 发表于 2019-09-25 | 分类于 工具 | 评论数: 概述想要编写一个webpack的插件demo很简单,只要按照官方给的范式就好。想要实际编写一个生产用的插件,那就得深入了解插件机制。例如,apply方法干嘛用的,有哪些周期钩子,同步异步的钩子怎么触及(tap)。 阅读全文 »
编写一个webpack插件 发表于 2019-09-24 | 分类于 工具 | 评论数: 概述插件向第三方开发者提供了 webpack 引擎中完整的能力。本文将分两部分,第一部分介绍下插件编写的基本要求及基础 demo,第二部分介绍一个实际的插件开发过程。对于webpack的插件机制建另一篇博文webpack插件机制。 阅读全文 »
webpack进阶用法二 发表于 2019-09-17 | 分类于 工具 | 评论数: 概述本文介绍的 webpack 用法有:Scope Hosting 的使用和原理分析、代码分割和动态 import、在 webpack 中使用 ESLint、webpack 打包组件和基础库和优化构建时命令行的显示日志。 阅读全文 »
webpack进阶用法一 发表于 2019-09-16 | 分类于 工具 | 评论数: 概述本文介绍的 webpack 用法有:自动清理构建目录、自动补齐 CSS3 前缀、移动端 CSS 中的 px 自动转成 rem、静态资源内联、多页面应用打包通用方案、使用 source map、提取页面公共资源和 tree shaking 的使用和原理分析。 阅读全文 »