介绍

☀️esbuild是一种类似于webpack 的 极速 JavaScript 打包器

❄️特性：

• 极快的速度，无需缓存
• 支持 ES6 和 CommonJS 模块
• 支持对 ES6 模块进行 tree shaking
• API 可同时用于 JavaScript 和 Go
• 兼容 TypeScript 和 JSX 语法
• 支持 Source maps
• 支持 Minification
• 支持 plugins

安装

首先本地安装 esbuild，执行npm install esbuild命令，此命令会将 esbuild 安装到你本地的 node_modules， node_modules里面会有个esbuild的 原生可执行文件

执行 ./node_modules/.bin/esbuild 可以看到esbuild的好多命令，也可以执行./node_modules/.bin/esbuild --version可以查看我们安装的esbuild的版本是0.14.2

构建脚本

1. 构建

我们创建一个test.jsx 文件，然后用esbuild去构建

./node_modules/.bin/esbuild test.jsx --bundle --outfile=out.js

会输出一个名叫out.js的文件，然后我们用node out.js去运行，得出：

<div>5</div>