前端工程

大家好，我是风骨，最近在项目中涉及到 「状态机解析器」 的应用，今天便以这个为话题同大家进行分享，相信可以帮助一些小伙伴解决项目难题。 接下来让我们一起从前端角度来理解状态机，掌握的它的设计思想和应用

Git commit history 提交规范标准（好的习惯，终身受益）。commit message、多人协同开发、合并多个提交、补充提交、转移提交。

Webpack5 核心打包流程概览。webpack 在前端工程领域起到了中流砥柱的作用，理解它的内部实现机制会对你的工程建设提供很大的帮助（不论是定制功能还是优化打包）。

前言 Git 每次提交代码时，都要写 Commit message（提交说明），对于一个规范的 commit message 可以带给我们： 提供更多的历史信息，方便快速浏览； 可以过滤某些 comm

前言 webpack 基于 Tapable 实现了一套插件架构体系，它能够在特定时机触发钩子，并附带上足够的上下文信息。 在插件定义的钩子回调中，与这些上下文背后的数据结构、接口交互产生 side e

Babel 编译文件。多数情况下我们对于 Babel 的使用是在 webpack babel-loader 之中，配置一些插件和预设来做代码转换。 但在一些场景下，比如实现 代码扫描、变量收集

理解 webpack 同步模块 import 和异步模块 import() 在浏览器上的运行原理。路由懒加载。webpack import() 按需加载实战与原理。

Web SPA 应用首屏加载优化（Web 应用首屏渲染优化）。团队内的项目所使用的技术为 SPA 单页面应用（React）客户端方式渲染。

前言 本文是笔者在学习和应用 lerna + yarn workspace 多包工程化管理模式的过程中，记录的一些使用和问题汇总，作为笔记和分享于大家阅读。 lerna 管理方式属于 Monorepo

前端多语种方案：i18n；Babel 对于前端开发者来说应该是很熟悉了，它能够转译 ECMAScript 2015+ 的代码，使得代码能够在旧的浏览器或者环境中运行。

babel-plugin-import 按需引入、与 tree shaking 关系、基本使用、源码分析。

开篇 本次优化主要做的是 Webpack 打包资源体积大小的优化，目的是为了解决单页面应用首页加载白屏时间过长问题。 下面会根据分析优化的步骤一一记录分享。 分析 package.json 依赖 清除

前言 现在前端项目基本都采用 ESLint 和 Prettier 配合约束代码规范和代码自动化格式。 目的 团队中的所有开发人员用一套代码规范规则作为日常开发约束； 有一套自动化工具，来帮我们检测代码

Rollup + React + Ts + ESLint 概念 Rollup 是一个 JavaScript 模块打包器，可应用于打包 application 或 library