{"id":19263,"library":"babel-preset-cf","title":"babel-preset-cf","description":"A Babel preset for Cloudflare Workers and Pages projects. Current stable version is 2.0.0. This preset configures Babel transforms optimized for the Cloudflare runtime environment, including compatibility with Cloudflare's specific JavaScript engine features and limitations. It simplifies setup by bundling necessary plugins and presets, reducing configuration overhead for Cloudflare-targeted JavaScript code. Released infrequently; relies on underlying Babel ecosystem.","status":"active","version":"2.0.0","language":"javascript","source_language":"en","source_url":null,"tags":["javascript"],"install":[{"cmd":"npm install babel-preset-cf","lang":"bash","label":"npm"},{"cmd":"yarn add babel-preset-cf","lang":"bash","label":"yarn"},{"cmd":"pnpm add babel-preset-cf","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"Presets are referenced as string in Babel config, not imported directly.","wrong":"import cf from 'babel-preset-cf';","symbol":"default","correct":"module.exports = { presets: ['cf'] };"},{"note":"Use string 'cf' instead of requiring the package.","wrong":"require('@babel/core').transform('code', { presets: [require('babel-preset-cf')] });","symbol":"default","correct":"require('@babel/core').transform('code', { presets: ['cf'] });"},{"note":"Browser usage is uncommon; no dist file exists.","wrong":"<script src=\"node_modules/babel-preset-cf/dist/index.js\"></script>","symbol":"default","correct":"<script src=\"node_modules/babel-preset-cf/index.js\"></script>"}],"quickstart":{"code":"// Install: npm install --save-dev babel-preset-cf\n// .babelrc\n{\n  \"presets\": [\"cf\"]\n}\n\n// Then run babel on your files\n// npx babel src --out-dir lib","lang":"javascript","description":"Install the preset and add it to your .babelrc file to enable Cloudflare-targeted Babel transforms."},"warnings":[{"fix":"Install and configure @babel/preset-env or add polyfills manually.","message":"The preset does not include polyfills for modern JS APIs; you may need @babel/polyfill or core-js separately.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Use '@babel/preset-env' with target 'cloudflare' or check for updated compatibility.","message":"This preset may be incompatible with newer Babel versions (>=7.0.0).","severity":"deprecated","affected_versions":">=2.0.0"},{"fix":"Upgrade Node.js to version 10 or later.","message":"Version 2.0.0 dropped support for Node.js <10.","severity":"breaking","affected_versions":">=2.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-cf' or ensure it's in dependencies.","cause":"Package not installed or not in node_modules.","error":"Cannot find module 'babel-preset-cf'"},{"fix":"Use fully qualified name: 'babel-preset-cf' or ensure module is installed and Babel version is compatible.","cause":"Babel cannot resolve the preset by its short name.","error":"Unknown preset \"cf\" in .babelrc"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}