{"id":19260,"library":"babel-preset-blueflag","title":"babel-preset-blueflag","description":"A Babel preset encapsulating Blue Flag's opinionated configuration for transpiling JavaScript. Version 1.0.1, seems to be a single release. It automatically uses babel-preset-env to target either the last 2 browser versions or current Node.js, and includes plugins for runtime, class properties, stage-3, and React. Configuration options allow disabling specific plugins/presets and passing custom options to child presets. No updates since initial release, likely stable/small user base.","status":"active","version":"1.0.1","language":"javascript","source_language":"en","source_url":null,"tags":["javascript"],"install":[{"cmd":"npm install babel-preset-blueflag","lang":"bash","label":"npm"},{"cmd":"yarn add babel-preset-blueflag","lang":"bash","label":"yarn"},{"cmd":"pnpm add babel-preset-blueflag","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Core preset for environment-based transpilation","package":"babel-preset-env","optional":false},{"reason":"Runtime transform plugin","package":"babel-plugin-transform-runtime","optional":false},{"reason":"Class properties transform","package":"babel-plugin-transform-class-properties","optional":false},{"reason":"React JSX and display name transforms","package":"babel-preset-react","optional":false},{"reason":"Stage 3 proposal transforms","package":"babel-preset-stage-3","optional":false}],"imports":[{"note":"Use the shorthand 'blueflag' in Babel config.","wrong":"{ presets: ['babel-preset-blueflag'] }","symbol":"babel-preset-blueflag","correct":"{ presets: ['blueflag'] }"},{"note":"Options must be in an array: ['blueflag', options].","wrong":"module.exports = { presets: ['blueflag', { browser: true }] }","symbol":"default config","correct":"module.exports = { presets: [['blueflag', { browser: true }]] }"},{"note":"Prefixes like 'babel-preset-' or 'babel-plugin-' are omitted in the disabled list.","wrong":"['blueflag', { disabled: ['babel-preset-react'] }]","symbol":"disabled plugins","correct":"['blueflag', { disabled: ['react'] }]"}],"quickstart":{"code":"// Install: npm install --save babel-preset-blueflag\n// In .babelrc or babel.config.js:\nmodule.exports = {\n  presets: [\n    ['blueflag', {\n      browser: process.env.BROWSER === 'true',\n      disabled: [],\n      config: {\n        env: {\n          targets: {\n            browsers: '> 1%'\n          }\n        }\n      }\n    }]\n  ]\n};\n","lang":"javascript","description":"Shows how to install and configure babel-preset-blueflag with browser targeting, disabled array, and custom env targets."},"warnings":[{"fix":"Replace with individual plugins or @babel/preset-env with proposals.","message":"babel-preset-stage-3 is deprecated in Babel 7+","severity":"deprecated","affected_versions":">=1.0"},{"fix":"Ignore or remove 'library' configuration until implemented.","message":"Option 'library' currently does nothing","severity":"gotcha","affected_versions":"1.0.1"},{"fix":"Use 'react', not 'babel-preset-react'.","message":"Disabled array requires plugin/preset names without prefix","severity":"gotcha","affected_versions":">=1.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Upgrade to Babel 7+ or ensure preset is loaded correctly.","cause":"Using an outdated Babel version that expects function presets.","error":"Error: Plugin/Preset files are not allowed to export objects, only functions."},{"fix":"Run npm install babel-preset-env --save-dev.","cause":"babel-preset-env is not installed as a direct dependency when using npm v7+ with auto-peer-deps off.","error":"Module not found: Error: Can't resolve 'babel-preset-env'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}