Compiling to Babel

Learn how to compile your ReluxScript plugins to Babel (JavaScript) plugins.

Basic Compilation

Compile a .lux file to Babel:

relux build my-plugin.lux --target babel

This generates dist/index.js - a CommonJS module that exports a Babel plugin.

Output Format

The generated Babel plugin follows the standard Babel plugin format:

module.exports = function({ types: t }) {
  return {
    visitor: {
      CallExpression(path) {
        // Your transformation logic
      }
    }
  };
};

Using with Babel

With babel.config.js

module.exports = {
  plugins: [
    './dist/index.js'
  ]
};

With .babelrc

{
  "plugins": ["./dist/index.js"]
}

Programmatically

const babel = require('@babel/core');

const result = babel.transformSync(code, {
  plugins: [require('./dist/index.js')]
});

console.log(result.code);

Custom Output Directory

Specify a different output directory:

relux build my-plugin.lux --target babel --output build

This generates build/index.js instead of dist/index.js.

Next Steps

• Compile to SWC
• View Examples