babel-preset-udemy-website

11.1.6 verified Sat Apr 25 auth: no javascript

A Babel preset used by Udemy's main website codebase (website-django/static/). Current stable version is 11.1.6. It is maintained as part of Udemy's internal tooling monorepo and is updated alongside their website's Babel configuration. Differentiators: it bundles all necessary plugins/transforms specific to Udemy's frontend stack and is designed for internal use, not general public adoption. Release cadence is tied to website updates.

Common errors

error Cannot find module 'babel-preset-udemy-website' ↓

cause Preset not installed or Babel cannot resolve it.

fix

Run 'yarn add babel-preset-udemy-website' and ensure node_modules is present.

error Error: Plugin/Preset files are not allowed to export objects, only functions. ↓

cause Using an outdated version of Babel that does not support presets exporting objects.

fix

Update @babel/core to ^7.1.2 or later.

Warnings

gotcha This preset is intended for Udemy's internal use only; external usage may break without notice. ↓

fix Use standard presets like @babel/preset-env for public projects.

breaking Version 11.0.0 dropped support for Node.js < 8.12.0 and changed peer dependency to @babel/core ^7.1.2. ↓

fix Update Node to >=8.12.0 and @babel/core to ^7.1.2 or later.

gotcha Preset name is 'udemy-website' (not 'babel-preset-udemy-website') when added to .babelrc presets array. ↓

fix Use "udemy-website" in the presets list.

Install

npm install babel-preset-udemy-website

yarn add babel-preset-udemy-website

pnpm add babel-preset-udemy-website

Imports

default

wrong

Using babel-preset-udemy-website in a require() for runtime

correct

Add to .babelrc under presets: ["udemy-website"]

This is a Babel preset, not a JavaScript module. Use it in Babel configuration only.

Quickstart

Shows how to configure babel-preset-udemy-website in .babelrc. Note: This is a Babel config, not runtime code.

{
  "presets": ["udemy-website"]
}