2022-05-01

利用 esbuild 指令來對 js, css 進行 minify

esbuild 是個快速又不錯用的 javascript 打包工具,速度快就不說了,還可以幫你檢查語法。

可以利用以下參數來進行 minify (這個應該要叫壓縮還是縮小…或,就是檔案容量縮小)

esbuild --charset=utf8 index.js --minify --minify-whitespace --minify-syntax --drop:debugger --drop:console --legal-comments=none --sourcemap --outfile=index.min.js

以下把一些特別參數拿出來說明一下

  • --minify-whitespae
    • 把多餘空格拿掉
  • --minify-syntax
    • 簡化語法
  • --legal-comments=none
    • 把註解拿掉
  • --out-extension:.js=.min.js
    • 轉換後的是存為 xxx.min.js
    • 此參數與參數「--outdir={path}」一起用
  • --outdir={path}
    • 指定匯出路徑,匯出的檔名預設原檔名,但可以搭配參數「--out-extension:.js=.min.js」讓匯出後的檔名改為是以 .min.js 為主
css minify 的指令是差不多的,可參考以下
esbuild --charset=utf8 index.css --minify --minify-whitespace --minify-syntax --legal-comments=none --sourcemap --outfile=index.min.css

沒有留言: