くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

Nuxt3のビルド時にconsoleを削除する(esbuildのpure/drop)

本番向けのビルドのときに、console.logとかを削除したいなと思ったとき、
いろいろ調べたときの備忘録(*´ω`*)

esbuildの設定で削除できるっぽい(*´ω`*)

設定

puredropの2つがある。

// nuxt.config.ts
// https://v3.nuxtjs.org/api/configuration/nuxt.config
export default defineNuxtConfig({
  vite: {
    esbuild: {
      // 一部のみ削除する場合
      pure: ["console.log", "console.info"],
      // consoleを全部削除する場合
      drop: ["console", "debugger"],
    }
  }
});

dropの方は、副作用のある式も削除されるので、問題が起こるかもとのこと。

console.errorは残したいので、pureを使うのがいいかも(*´ω`*)

以上!!

参考にしたサイトさま