{"id":26024,"library":"nuxt-esbuild","title":"Nuxt ESBuild Module","description":"A Nuxt module that integrates esbuild-loader to transpile JavaScript and TypeScript files, accelerating development builds. Stable version 1.1.0, released as a maintenance package with infrequent updates. It differs from ts-loader or babel-only setups by using esbuild for fast dev transpilation, then falling back to Babel for production builds to ensure broader browser compatibility. TypeScript users benefit from esbuild's speed without losing Babel's deeper transformations. The module is lightweight and mirrors Vite's approach to build performance.","status":"maintenance","version":"1.1.0","language":"javascript","source_language":"en","source_url":"https://github.com/galvez/nuxt-esbuild-module","tags":["javascript","vue","vuejs","nuxt","typescript","esbuild"],"install":[{"cmd":"npm install nuxt-esbuild","lang":"bash","label":"npm"},{"cmd":"yarn add nuxt-esbuild","lang":"bash","label":"yarn"},{"cmd":"pnpm add nuxt-esbuild","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Peer dependency; provides the esbuild integration for webpack","package":"esbuild-loader","optional":false},{"reason":"Nuxt module, requires Nuxt framework","package":"nuxt","optional":false}],"imports":[{"note":"For JavaScript-only usage, add to buildModules to avoid production slowdown. For TypeScript, add to both modules and esbuild config.","wrong":"modules: ['nuxt-esbuild']","symbol":"nuxt-esbuild","correct":"buildModules: ['nuxt-esbuild']"},{"note":"If used directly in webpack config; this module handles integration automatically.","wrong":"const esbuildLoader = require('esbuild-loader')","symbol":"esbuild-loader","correct":"import esbuildLoader from 'esbuild-loader'"}],"quickstart":{"code":"// Install: npm i nuxt-esbuild --save\n// nuxt.config.js\nexport default {\n  buildModules: [\n    'nuxt-esbuild'\n  ],\n  esbuild: {\n    loader: 'ts',\n    tsconfig: './tsconfig.json'\n  }\n}","lang":"javascript","description":"Shows basic setup: install module, add to buildModules, and optionally configure TypeScript with tsconfig path."},"warnings":[{"fix":"Use buildModules for JS-only projects; use modules only if you need TypeScript support and accept dual transpilation.","message":"For non-TypeScript projects, esbuild is only used in dev mode; production still runs Babel. Do not add to modules if you expect esbuild in production.","severity":"gotcha","affected_versions":">=0.0.1"},{"fix":"Consider adjusting Babel configuration or disabling some plugins in production if speed is critical.","message":"TypeScript users: final production bundle runs Babel after esbuild. This may cause slower builds than expected if Babel has heavy plugins.","severity":"gotcha","affected_versions":">=0.0.1"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Run npm install esbuild-loader --save-dev","cause":"esbuild-loader is not installed as a peer dependency","error":"Cannot find module 'esbuild-loader'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}