JavaScript 打包器esbuild的基础使用

培轩小屋 / 2024-03-08 / 原文

esbuild是一种类似于webpack 的 极速 JavaScript 打包器。esbuild 项目主要目标是: 开辟一个构建工具性能的新时代,创建一个易用的现代打包器。

先安装esbuild

npm i esbuild -g

-g代表全局范围

检查esbuild的版本
esbuild --version

命令行构建

esbuild src\app.jsx --bundle --outfile=out.js

当然,我们可以配置package.json来进行简化我们的命令,

之后只需要执行npm run build即可

构建

Bundling for the browser
esbuild默认打包就是为浏览器进行打包,所以我们不需要进行其他配置就可以打包到浏览器使用,当然,我们可以通过其他的配置项进行更完善地打包,如果想要minification,那么可以配置--minify,如果需要使用sourcemap功能,可以配置--sourcemap。或许你需要指定打包到特定的浏览器进行使用,我们可以配置--target
演示一个minify
esbuild app.jsx --bundle --minify

参考文章:

https://juejin.cn/post/7035182298437779470  esbuild的基础使用

https://esbuild.bootcss.com/  esbuild 中文文档

https://www.jianshu.com/p/d143645dd23e esbuild入门指南