笔者作为公司的一名前端架构师，先后经历过各种大中小型前端项目，将自己的经验总结如下，从空文件到项目上线到后续维护。欢迎各位前端小伙伴Review，有不对地方请指出，互相学习 编码规范 开篇最重要的不是

以 前端领域 的知识为重点，并且本文内容超多，建议先了解主干，然后分批次阅读。 这篇文章真的写了好久好久…

本系列将实现使用react18，ts5，lint三剑客，webpack，storybook搭建react组件库、react+ts项目模板、和一个脚手架项目模板。本项目使用的是node18.18.0

Webpack可以将其理解是一种基于事件流的编程范例，一个插件合集。 而将这些插件控制在webapck事件流上的运行的就是webpack自己写的基础类Tapable。 将plugin控制在webapack事件流上运行（如下图）。后面我们将看到核心的对象 Compiler、Com…

创建自己的Loader 思考 Loader是什么？ Loader是用于对模块的源代码进行转换（处理），之前我们使用过许多Loader，比如css-loader、style-loader等......

1. 为什么会有loader机制 2. loader是什么，有什么作用 3. loader的分类、执行顺序是怎样的 4. 同步、异步loader的区别 5. 如何自定义一个loader

总结了自己在7年实际web开发工作中、以及根据经验分享JavaScript 部分应该掌握的常用和比较重要的内容，包括 js 的语法层面、运行原理、最佳实践、常用的设计模式。3 万多字，内容比较丰富。

部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 js、css 验证需要安装 VSCode，具体教程在下文中会有提及。 对于前端来说，技术选型挺简单的。就是…

在我们阅读这篇文章之前，我们需要思考下，我们为什要去了解SVG，阅读了这篇文章是否可以给我们带来帮助。 1. 如果你想要一张 css或者JavaScript可以控制的图片，那么你可以考虑SVG。 2.