Now Particularly Misnamed

    @applications-developer/babel-plugin-transform-define

    1.3.1 • Public • Published

    babel-plugin-transform-define

    npm version

    Compile time code replacement for babel similar to Webpack's DefinePlugin


    Quick Start

    npm install babel-plugin-transform-define

    .babelrc

    {
      "plugins": [
        ["transform-define", {
          "process.env.NODE_ENV": "production",
          "typeof window": "object"
        }]
      ]
    }

    .babelrc

    {
      "plugins": [
        ["transform-define", "./path/to/config/file.js"]
      ]
    }

    Note: Paths are relative to `process.cwd()``

    Reference Documentation

    babel-plugin-transform-define can transform certain types of code as a babel transformation.

    #####Identifiers

    .babelrc

    {
      "plugins": [
        ["transform-define", {
          "VERSION": "1.0.0",
        }]
      ]
    }

    Source Code

    VERSION;
    
    window.__MY_COMPANY__ = {
      version: VERSION
    };

    Output Code

    "1.0.0";
    
    window.__MY_COMPANY__ = {
      version: "1.0.0"
    };

    #####Member Expressions

    .babelrc

    {
      "plugins": [
        ["transform-define", {
          "process.env.NODE_ENV": "production"
        }]
      ]
    }

    Source Code

    if (process.env.NODE_ENV === "production") {
      console.log(true);
    }

    Output Code

    if (true) {
      console.log(true);
    }

    #####Unary Expressions

    .babelrc

    {
      "plugins": [
        ["transform-define", {
          "typeof window": "object"
        }]
      ]
    }

    Source Code

    typeof window;
    typeof window === "object";

    Output Code

    'object';
    true;

    License

    MIT License

    Install

    npm i @applications-developer/babel-plugin-transform-define

    DownloadsWeekly Downloads

    1

    Version

    1.3.1

    License

    MIT

    Unpacked Size

    26.5 kB

    Total Files

    31

    Last publish

    Collaborators

    • xcarpentier