babel-plugin-transform-define-file

    1.3.2 • 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 babel-plugin-transform-define-file

    DownloadsWeekly Downloads

    4

    Version

    1.3.2

    License

    MIT

    Unpacked Size

    104 kB

    Total Files

    32

    Last publish

    Collaborators

    • xcarpentier