babel-plugin-material-ui

babel-plugin-material-ui

Babel plugin to cherry-pick used material-ui modules.

Example

In

import { TextField, SelectField, FlatButton } from "material-ui";
import {
  ActionAccessibility,
  ActionAccessible,
  ActionAccountBalance as BalanceIcon
} from "material-ui/svg-icons";

Out

import TextField from "material-ui/TextField";
import SelectField from "material-ui/SelectField";
import FlatButton from "material-ui/FlatButton";
import ActionAccessibility from "material-ui/svg-icons/action/accessibility";
import ActionAccessible from "material-ui/svg-icons/action/accessible";
import BalanceIcon from "material-ui/svg-icons/action/account-balance";

Installation

npm install --save-dev babel-plugin-material-ui

Usage

Via .babelrc (Recommended)

.babelrc

{
  "plugins": ["material-ui"]
}

Via CLI

babel --plugins material-ui script.js

Via Node API

require("babel-core").transform("code", {
  plugins: ["material-ui"]
});

Thanks

Heavily inspired by babel-plugin-date-fns, babel-plugin-lodash and babel-plugin-recharts.