babel-plugin-const-replace-import v0.0.2

babel-plugin-const-replace-import

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

Install

Using npm:

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

Usage

在.babelrc的plugins中增加代码

"plugins": [
    ["babel-plugin-const-replace-import", {
      "libraries": {
        "react": "React",
        "react-dom": "ReactDOM",
        "react-redux": "ReactRedux",
        "redux": "Redux",
        "react-router-dom": "ReactRouterDOM",
        "redux-actions": "ReduxActions",
        "react-loadable": "ReactLoadable",
        "moment": "moment",
        "antd": "antd",
        "axios": "axios"
      }
    }],

Example

源码：

import React, { Component, } from 'react'
import { connect, } from 'react-redux'

class TestComponent extends Component {
  render() {
    return <div>TestComponent</div>
  }
}

export default ContractManage

转换后

const React = window.React
const { Component, } = window.React
const { connect, } = window.ReactRedux

class TestComponent extends Component {
  render() {
    return <div>TestComponent</div>
  }
}

export default ContractManage