DLight Babel Preset
raw JSON → 1.0.0 verified Fri May 01 auth: no javascript
Babel preset for transpiling DLight.js reactive UI components. Current stable version 1.0.0. DLight is a reactive UI framework with a compile-to-DOM approach, optimizing runtime performance by shifting work to compile time. This preset configures Babel to transform DLight JSX syntax and must be used with babel-loader or Babel CLI. It supports TypeScript out of the box. Compared to plain Babel, it eliminates runtime overhead by compiling reactive expressions directly.
Common errors
error Error: Cannot find module 'babel-preset-dlight' ↓
cause Preset not installed or missing from node_modules.
fix
Run: npm install babel-preset-dlight --save-dev
error Error: Plugin/Preset files are not allowed to export objects, only functions. ↓
cause Incorrect import/require of preset (e.g., using ES module syntax).
fix
Use require('babel-preset-dlight') in babel.config.js
error SyntaxError: Unexpected token < ↓
cause DLight JSX not being transpiled because preset not applied.
fix
Add 'babel-preset-dlight' to presets in Babel config.
Warnings
gotcha Preset version 1.0.0 is freshly released; there may be undocumented breaking changes from 0.x versions. ↓
fix Pin to exact version and test components thoroughly.
deprecated No deprecated features explicitly documented; watch for future updates. ↓
fix Follow DLight changelog for migration guides.
gotcha This preset requires Babel 7 or later. Older Babel 6 is not compatible. ↓
fix Upgrade to @babel/core 7+.
Install
npm install babel-preset-dlight yarn add babel-preset-dlight pnpm add babel-preset-dlight Imports
- default wrong
import preset from 'babel-preset-dlight';correctmodule.exports = require('babel-preset-dlight');
Quickstart