{"id":19271,"library":"babel-preset-cx-env","title":"babel-preset-cx-env","description":"A Babel preset for compiling CxJS applications, version 26.1.0. Integrates @babel/proposal-class-properties, @babel/proposal-function-bind, @babel/transform-react-jsx, babel-plugin-transform-cx-jsx, and babel-plugin-transform-cx-imports. Released as part of CxJS tooling, updated alongside framework versions. Unlike generic React presets, it specifically transforms CxJS JSX and imports. Peer dependencies include @babel/core and @babel/preset-env.","status":"active","version":"26.1.0","language":"javascript","source_language":"en","source_url":null,"tags":["javascript"],"install":[{"cmd":"npm install babel-preset-cx-env","lang":"bash","label":"npm"},{"cmd":"yarn add babel-preset-cx-env","lang":"bash","label":"yarn"},{"cmd":"pnpm add babel-preset-cx-env","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Required peer dependency for Babel","package":"@babel/core","optional":false},{"reason":"Required peer dependency for environment support","package":"@babel/preset-env","optional":false}],"imports":[{"note":"Used in babel.config.js (CommonJS). ESM not supported in Babel config files.","wrong":"import babelPresetCxEnv from 'babel-preset-cx-env'","symbol":"default","correct":"module.exports = { presets: [['babel-preset-cx-env', options]] }"},{"note":"Options object is second element of array; omitting options is allowed but loses customization.","wrong":"presets: ['babel-preset-cx-env']","symbol":"preset","correct":"presets: [['babel-preset-cx-env', { cx: { jsx: { trimWhitespace: false } } }]]"}],"quickstart":{"code":"// babel.config.js\nmodule.exports = {\n  presets: [\n    ['babel-preset-cx-env', {\n      cx: {\n        jsx: {\n          trimWhitespace: false\n        },\n        imports: {\n          useSrc: true\n        }\n      }\n    }]\n  ]\n};","lang":"javascript","description":"Shows configuration of babel-preset-cx-env with options for JSX whitespace and import source."},"warnings":[{"fix":"Use presets: [['babel-preset-cx-env', { cx: {...} }]]","message":"Options object must be nested inside an array as second element, not directly as presets value.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Monitor changelog, consider migration to babel-plugin-cx-imports if announced.","message":"babel-plugin-transform-cx-imports may be deprecated in future versions; use babel-plugin-cx-imports instead.","severity":"deprecated","affected_versions":">=26.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Use module.exports = { presets: [['babel-preset-cx-env', options]] }","cause":"Using ES6 import in babel.config.js instead of CommonJS require.","error":"Error: Plugin/Preset files are not allowed to export objects, only functions."},{"fix":"npm install @babel/core @babel/preset-env --save-dev","cause":"Missing peer dependency @babel/preset-env or @babel/core.","error":"Error: Preset babel-preset-cx-env is not installed."}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}