JavaScript 打包器esbuild的基础使用
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入门指南