{"id":19264,"library":"babel-preset-cgb","title":"Babel Preset CGB","description":"Babel preset for Create Guten Block (CGB), version 1.7.1, used to transpile modern JavaScript for WordPress Gutenberg block development. It configures Babel with plugins and presets optimized for WordPress plugin environments, including React JSX support and ES2015+ transforms. This preset is part of the CGB toolchain, which is now deprecated in favor of @wordpress/create-block. It simplifies Babel configuration for WordPress block development but is no longer actively maintained.","status":"deprecated","version":"1.7.1","language":"javascript","source_language":"en","source_url":"https://github.com/ahmadawais/create-guten-block","tags":["javascript","gutenberg","create-gutenberg-block","create-gutenberg-blocks","wp","wordpress","cgb","wp webpack","react"],"install":[{"cmd":"npm install babel-preset-cgb","lang":"bash","label":"npm"},{"cmd":"yarn add babel-preset-cgb","lang":"bash","label":"yarn"},{"cmd":"pnpm add babel-preset-cgb","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"required peer dependency for Babel transformation","package":"@babel/core","optional":false},{"reason":"adds React JSX support","package":"@babel/preset-react","optional":false},{"reason":"targets modern JavaScript features","package":"@babel/preset-env","optional":false}],"imports":[{"note":"CJS-only; package does not support ESM. Use require().","wrong":"import preset from 'babel-preset-cgb';","symbol":"default export","correct":"module.exports = require('babel-preset-cgb');"},{"note":"Short form 'cgb' works because Babel resolves prefixes. Full name also works.","wrong":"presets: ['babel-preset-cgb']","symbol":"preset name in config","correct":"presets: ['cgb']"},{"note":"Options must be in an array format: [presetName, options].","wrong":"presets: ['cgb', { modules: false }]","symbol":"preset options","correct":"presets: [['cgb', { modules: false }]]"}],"quickstart":{"code":"// Install\nnpm install --save-dev @babel/core babel-preset-cgb\n\n// .babelrc or babel.config.js\n{\n  \"presets\": [\"cgb\"]\n}\n\n// Example: Transpile a file using Babel CLI\nnpx babel src/index.js --out-file dist/index.js","lang":"javascript","description":"Installs the preset and configures Babel to use it for transpiling a JavaScript file."},"warnings":[{"fix":"Migrate to @wordpress/create-block for Gutenberg block development and use @wordpress/babel-preset-default as the Babel preset.","message":"babel-preset-cgb is deprecated in favor of @wordpress/create-block and @wordpress/babel-preset-default.","severity":"deprecated","affected_versions":">=1.0.0"},{"fix":"Use 'const preset = require(\"babel-preset-cgb\")' in Node.js/Babel config files.","message":"Package does not support ES modules (ESM); only CommonJS require() works.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Set 'presets: [\"babel-preset-cgb\"]' in your Babel configuration.","message":"Short preset name 'cgb' may conflict with other presets. Always use full name 'babel-preset-cgb' in config to avoid ambiguity.","severity":"gotcha","affected_versions":">=1.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Run 'npm install --save-dev babel-preset-cgb @babel/core' in your project root.","cause":"Missing local install or wrong working directory.","error":"Error: Cannot find module 'babel-preset-cgb'"},{"fix":"Upgrade to Babel 7 by installing '@babel/core' and '@babel/preset-env'.","cause":"Using an outdated Babel version (<7) that does not support modern preset format.","error":"Error: Plugin/Preset files are not allowed to export objects, only functions."},{"fix":"Install '@babel/core' version 7.x using 'npm install --save-dev @babel/core'.","cause":"Babel 6 is installed while the preset requires Babel 7.","error":"Error: Requires Babel \"^7.0.0\", but was loaded with \"6.x\"."}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}