{"id":19255,"library":"babel-preset-angular","title":"Babel Preset Angular","description":"Babel preset for all Angular plugins. Current stable version is 6.0.15. This package bundles multiple Babel transforms needed for Angular applications. It is designed for older Angular (1.x) projects; for Angular 2+ (now Angular), use the Angular compiler instead. The preset is not actively maintained and relies on legacy Babel 6. Release cadence is low; no recent updates. Key differentiator: simplifies configuration by grouping Angular-specific Babel plugins.","status":"deprecated","version":"6.0.15","language":"javascript","source_language":"en","source_url":"https://github.com/mgcrea/babel-preset-angular","tags":["javascript"],"install":[{"cmd":"npm install babel-preset-angular","lang":"bash","label":"npm"},{"cmd":"yarn add babel-preset-angular","lang":"bash","label":"yarn"},{"cmd":"pnpm add babel-preset-angular","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Required for Babel transformation","package":"babel-core","optional":false},{"reason":"Included in the preset for ES2015 support","package":"babel-preset-es2015","optional":false}],"imports":[{"note":"Used via Babel's .babelrc or programmatic API, not directly imported in code.","wrong":"require('babel-preset-angular')","symbol":"default","correct":"module.exports = { presets: ['angular'] }"},{"note":"Babel resolves preset names without the 'babel-preset-' prefix.","wrong":"{\n  \"presets\": [\"babel-preset-angular\"]\n}","symbol":"preset","correct":"{\n  \"presets\": [\"angular\"]\n}"},{"note":"ESM import may not work; use CommonJS require with babel-core.","wrong":"import preset from 'babel-preset-angular'","symbol":"plugins","correct":"require('babel-core').transform('code', { presets: [require('babel-preset-angular')] })"}],"quickstart":{"code":"// Ensure you have babel-cli and babel-preset-angular installed\n// npm install --save-dev babel-cli babel-preset-angular\n// Create .babelrc file with:\n{\n  \"presets\": [\"angular\"]\n}\n// Then run:\n// babel script.js --out-file script-compiled.js","lang":"javascript","description":"Shows how to set up .babelrc to use babel-preset-angular and compile a file via CLI."},"warnings":[{"fix":"Migrate to a modern Angular build system (e.g., Angular CLI with @angular/compiler-cli).","message":"babel-preset-angular is not actively maintained and uses Babel 6, which is end-of-life.","severity":"deprecated","affected_versions":">=6.0"},{"fix":"Add additional presets like babel-preset-stage-2 or use babel-preset-env.","message":"The preset includes babel-preset-es2015 which doesn't support modern JavaScript features like async/await beyond ES2015.","severity":"breaking","affected_versions":">=6.0"},{"fix":"Use 'angular' (omitting 'babel-preset-') in the presets array.","message":"Using the full preset name 'babel-preset-angular' in .babelrc presets array does not work; Babel expects short name 'angular'.","severity":"gotcha","affected_versions":">=6.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Use require instead of import: const babel = require('babel-core');","cause":"Using ESM import syntax with babel-core in a CommonJS environment.","error":"require is not defined"},{"fix":"Run 'npm install --save-dev babel-preset-angular' and ensure node_modules is present.","cause":"Missing npm install or incorrect require path.","error":"Error: Cannot find module 'babel-preset-angular'"},{"fix":"Use Babel 6 or check preset naming.","cause":"Using an outdated Babel version that doesn't support unnamed plugins.","error":"Unknown plugin 'angular' specified in","affected_versions":">6"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}