babel-plugin-const-replace-import

将通过import的方式引入的指定类库转换成const的方式

Install

Using npm:

1npm install --save-dev babel-plugin-const-replace-import

Usage

在.babelrc的plugins中增加代码

1"plugins": [
2    ["babel-plugin-const-replace-import", {
3      "libraries": {
4        "react": "React",
5        "react-dom": "ReactDOM",
6        "react-redux": "ReactRedux",
7        "redux": "Redux",
8        "react-router-dom": "ReactRouterDOM",
9        "redux-actions": "ReduxActions",
10        "react-loadable": "ReactLoadable",
11        "moment": "moment",
12        "antd": "antd",
13        "axios": "axios"
14      }
15    }],

Example

源码：

1import React, { Component, } from 'react'
2import { connect, } from 'react-redux'
3
4class TestComponent extends Component {
5  render() {
6    return <div>TestComponent</div>
7  }
8}
9
10export default ContractManage

转换后

1const React = window.React
2const { Component, } = window.React
3const { connect, } = window.ReactRedux
4
5class TestComponent extends Component {
6  render() {
7    return <div>TestComponent</div>
8  }
9}
10
11export default ContractManage