在现代 Web 应用中，实时通信已经成为越来越重要的一部分。在前端开发中，为了更好地利用 WebSocket 技术，我们通常会对其进行封装，以便于全局调用并根据自己的业务做不同的预处理。

基于 GRID 布局的简单表单工具（包含可视化设计器、渲染器），默认组件库为 Naive UI。因个人能力有限，此工具在设计、实现上存在诸多不足，仅作学习交流🙂。

1、脚手架的简单雏形；2、脚手架工具体系；3、手写自己的脚手架；4、yeoman 的使用；5、plop 的使用

这篇文章就来带领大家一起学习npm create vite原理，源码400行不到。 学会开发脚手架工具。 很多源码不是我们想象中的那么高深莫测。源码不应该成为我们的拦路虎，而应该是我们的良师益友

无论是自己的日常开发，还是准备面试，都应该掌握一些关于 Webpack 的优化技巧。这篇文章将介绍13个常用的优化技巧，请码住收藏！

前言之前用vuecli做了个博客，是一个单页面项目，大概有十个路由直接npmrunbuild打包出来，有一个1M的巨大js文件先挂载到服务器上试试好家伙这加载时间仿佛过了半个世纪首屏页面整整加载了9s

对于入门选手来讲，webpack 配置项很多很重，如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单，基础的配置可以分为以下几个方面： entry 、 output 、 mode 、 resolve 、 modu…

2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…