{"id":20603,"library":"systemjs-plugin-babel","title":"SystemJS Babel Plugin","description":"A SystemJS plugin for on-the-fly Babel transpilation of ES2015+ JavaScript modules in the browser. Version 0.0.25 is the latest stable release; project appears unmaintained since 2016. Allows customizing Babel presets/polyfills per module. Superseded by native ES module support and modern bundlers; primarily of historical interest.","status":"deprecated","version":"0.0.25","language":"javascript","source_language":"en","source_url":"ssh://git@github.com/systemjs/plugin-babel","tags":["javascript"],"install":[{"cmd":"npm install systemjs-plugin-babel","lang":"bash","label":"npm"},{"cmd":"yarn add systemjs-plugin-babel","lang":"bash","label":"yarn"},{"cmd":"pnpm add systemjs-plugin-babel","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Requires SystemJS module loader to function; acts as a plugin for it.","package":"systemjs","optional":false},{"reason":"Required for Babel transpilation engine; the plugin uses babel-core directly.","package":"babel-core","optional":false}],"imports":[{"note":"This plugin is not imported as a module but registered with SystemJS.","wrong":"import 'plugin-babel'; // Not a direct import; configured via SystemJS.","symbol":"plugin-babel","correct":"SystemJS.config({ map: { 'plugin-babel': 'path/to/plugin-babel.js' } })"},{"note":"Use the plugin syntax in SystemJS imports: 'plugin-name!module-path'","wrong":"System.import('./module.js') // Must prepend 'plugin-babel!' to use transpilation.","symbol":"default","correct":"System.import('plugin-babel!./module.js')"},{"note":"Options are set per-file via SystemJS meta, not inline.","wrong":"Passing options as query params; use meta configuration.","symbol":"babelOptions","correct":"SystemJS.config({ meta: { './*.js': { babelOptions: { presets: ['latest'] } } } })"}],"quickstart":{"code":"// 1. Include SystemJS and the plugin in HTML\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.47/system.js\"></script>\n<script src=\"plugin-babel.js\"></script>\n\n// 2. Configure SystemJS\nSystemJS.config({\n  map: {\n    'plugin-babel': 'plugin-babel.js',\n    'systemjs-babel-build': 'systemjs-babel-browser.js'\n  },\n  transpiler: 'plugin-babel'\n});\n\n// 3. Use the plugin\nSystemJS.import('plugin-babel!./app.js')\n  .catch(err => console.error(err));","lang":"javascript","description":"Setting up SystemJS with the Babel plugin to transpile ES2015+ modules in the browser."},"warnings":[{"fix":"Migrate to bundler-based workflow or skip transpilation if browsers support ES modules.","message":"Package no longer maintained; use modern bundlers (Webpack, Rollup) or native ESM.","severity":"deprecated","affected_versions":">=0.0.0"},{"fix":"Stick with Babel 6 or find alternative plugin for Babel 7.","message":"Babel 7+ not supported; plugin uses Babel 6 API (babel-core).","severity":"breaking","affected_versions":">=0.0.0"},{"fix":"Include 'systemjs-babel-browser.js' distribution in config map.","message":"Plugin requires separate 'systemjs-babel-build' for browser compatibility; fails without it.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Add cache-busting query strings or use development mode.","message":"Caching can cause stale code when module files change; due to SystemJS plugin caching.","severity":"gotcha","affected_versions":">=0.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Ensure SystemJS.config includes map: { 'plugin-babel': 'path/to/plugin-babel.js' }","cause":"Plugin not registered or map missing in SystemJS config.","error":"Error: Unable to find plugin 'plugin-babel' for module '...'"},{"fix":"Add 'systemjs-babel-build' to map and load the browser build file.","cause":"SystemJS babel build dependency missing or not loaded.","error":"Uncaught ReferenceError: babel is not defined"},{"fix":"Use the provided 'systemjs-babel-browser.js' which includes babel-core.","cause":"Babel-core not bundled or not accessible for browser environment.","error":"Error: Cannot find module 'babel-core'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}