babel-plugin-import-resolver
v0.1.2
Published
Resolve multiple members import to specific module import
Downloads
111
Readme
babel-plugin-import-resolver
Resolve multiple members import to specific module import, mainly for leverage the performance of importing a couple of react components.
Example
In
import { A, B, C as D } from '../components';
Out
import A from '../components/A/A';
import B from '../components/B/B';
import D from '../components/C/C';
Installation
$ npm install babel-plugin-import-resolver
Usage
Via .babelrc
(Recommended)
{
"plugins": [
["import-resolver", {
"condition": "^(\\.|\\/).*\\/components$",
"template": "{source}/{name}/{name}"
}]
]
}
There are two options:
condition
(String
or[String]
)One or multiple string format regular expressions, if the source of ImportDeclaration matches any of them, it will be replaced by the following
template
.template
(String
)Used to replace hit source with a simple variable placeholder presentation. There are mainly two variable placeholders:
{source}
represents the source of ImportDeclaration, and{name}
represents imported name.
Via Node API
require('babel-core').transform('code', {
plugins: ['import-resolver', {
condition: '^(\\.|\\/).*\\/components$',
template: '{source}/{name}/{name}',
}],
});