DEPRECATED
In favor of babel-plugin-direct-import this plugin was deprecated.
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-uiUsage
Via .babelrc (Recommended)
.babelrc
{
"plugins": ["material-ui"]
}Via CLI
babel --plugins material-ui script.jsVia 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.
