babel-plugin-imports-transform
ES6 import代码智能转换Babel插件,优化(webpack等)打包构建体积。
Github地址: https://github.com/abell12345...
分为两种情形使用:index.js文件作为Babel插件来使用,而index-transform.js可以在js代码中单独调用函数来使用。
会将下面的import代码:
import { Row, Grid as MyGrid } from 'react-bootstrap';
import { merge } from 'lodash';
转化为引入单个对应文件:
import Row from 'react-bootstrap/lib/Row';
import MyGrid from 'react-bootstrap/lib/Grid';
import merge from 'lodash/merge';
为什么要这么做?
当Babel遇到下面的模块引入代码的时候:
import { Grid, Row, Col } from 'react-bootstrap';
它会简单的把上面的代码编译为下面的代码: