npm install babel-plugin-component --save-dev

Converts

import { Button } from 'components'

to

var button = require('components/lib/button')
require('components/lib/button/style.css')

Converts

import Components from 'components'
import { Button } from 'components'

to

require('components/lib/styleLibraryName/index.css')
var button = require('components/lib/styleLibraryName/button.css')

Via .babelrc or babel-loader.

{
  "plugins": [["component", options]]
}

{
  "plugins": [xxx, ["component", [
    {
      libraryName: 'antd',
      style: true,
    },
    {
      libraryName: 'test-module',
      style: true,
    }
  ]]]
}

- lib // 'libDir'
  - index.js // or custom 'root' relative path
  - style.css // or custom 'style' relative path
  - componentA
    - index.js
    - style.css
  - componentB
    - index.js
    - style.css

- lib
  - theme-default // 'styleLibraryName'
    - base.css // required
    - index.css // required
    - componentA.css
    - componentB.css
  - theme-material
    - ...
  - componentA
    - index.js
  - componentB
    - index.js

• ["component"]: import js modularly
• ["component", { "libraryName": "component" }]: module name
• ["component", { "styleLibraryName": "theme_package" }]: style module name
• ["component", { "styleLibraryName": "~independent_theme_package" }]: Import a independent theme package
• ["component", { "style": true }]: import js and css from 'style.css'
• ["component", { "style": cssFilePath }]: import style css from filePath
• ["component", { "libDir": "lib" }]: lib directory
• ["component", { "root": "index" }]: main file dir