Vite 中很多地方都是用了 ESbuild，比如 请求 ts、jsx、tsx 文件时将其编译成js文件，预编译模块等，这篇文件会介绍ESbuild怎么使用，以及怎么手写ESbuild插件

上篇文章webpack5实战全解析-基础篇已经实现了一个简单的 webpack 打包配置，但是这还远远不满足我们发布生产上线的条件，可以优化的空间还很大。本篇文章主要讲解对打包配置进行优化。

这篇文章会介绍如何基于Vue CLI 命令行工具封装一个Vue UI组件库。之前有写过 React 版本从零开始配置做一个React UI 组件的文件，有兴趣的可以看下。 可通过 vue --version 命令查看是否安装成功。 这条命令会生成一个 lib 文件夹，将所有的组…

本文主要记录本人在使用 NPM 发布具有样式的 react组件 时的完整实践流程，在这过程中踩了许多坑，花在完善发布脚手架的时间远多于开发组件的时间，于是记录下整个过程，希望能给大家提供帮助。 发布 react组件 的脚手架搭建。 开发组件。 打包组件，并在测试项目中引入打包组…

我发布了我的第一个 npm 组件，一个基于 react 的 3d 标签云组件。在这途中我也是遇到了很多的坑，花在完善整个发布流程的时间远多于写这个组件本身的时间，所以我记录下我觉得一个正常的 react 组件的发布流程 npm init 是生成初始的 package.json …

npm install 命令用来安装模块到node_modules目录。 安装之前，npm install会先检查，node_modules目录之中是否已经存在指定模块。如果存在，就不再重新安装了，即使远程仓库已经有了一个新版本，也是如此。 如果想更新已安装模块，就要用到npm…

创建文件夹cheney-react-library进入文件夹yarninit-y安装关键包yarnaddrolluprollup-plugin-babel@babel/core@babel/prese

首先，我们从零开始搭建一个vue项目，以vue-cli3 来搭建。 修改之后，运行项目我们会发现报错了，那是因为目录结构改了，还有就是packges这个文件夹是我们新增的，webpack无法获取编译，我们需要在webpack里加上。 我们会新建一个vue.config.js的配…