.babelrc

// Plugins run before Presets.
// Plugin ordering is first to last.
// Preset ordering is reversed (last to first).
{
  "plugins": [

    "object-styles-to-template",

    ["chronstruct-primitives", {
        "autoImport": true
    }],

    // able to use `class` instead of `className` and `for` instead of `htmlFor`
    "react-html-attrs",

    // handle decorators
    "transform-decorators-legacy"

    // handle do expressions (currently stage-0)
    /* "transform-do-expressions", */
  ],
  "presets": [
    ["es2015",
      {
        // enable _native_ modules for tree shaking
        "modules": false,
        "loose": true
      }
    ],
    "react",

    // class properties and beyond
    "stage-2"
  ],
  "env": {
    "development": {
      "plugins": [
        // needed for hot loader
        "react-hot-loader/babel",

        // adds file and line # to components
        // helpful for error stack traces
        "transform-react-jsx-source",
      ],
      "presets": [
         "linaria/babel"
      ]
    },
    "production": {
      "plugins": [
        // Hoists element creation to the top level for subtrees that are fully static
        "transform-react-constant-elements",

        // replaces react.createElement with inline if no ref or obj spread
        // NOTE: currently does not work with chronstruct-primitives
//        "transform-react-inline-elements",
      ],
      "presets": [
        ["linaria/babel", {
          "single": true,
          "filename": "styles.css",
          "outDir": "public"
        }]
      ]
    }
  }
}