babel-plugin-transform-imports-api

Convert import default package API to modular reference to reduce package size and transforms member style imports. Inspired by babel-plugin-transform-taroapi and babel-transform-imports.

example

1import Taro from '@tarojs/taro-h5'
2Taro.request(...)

This code will become:

1import { request } from '@tarojs/taro-h5'
2request(...)

and when the configure is:

// .babelrc
{
  packagesApis: new Map([
    ['@tarojs/taro-h5', new Set(['request'])],
  ]),
  usePackgesImport: true,
  packagesImport: {
    '@tarojs/taro-h5': {
      transform: (importName, matches) => `@tarojs/taro-h5/lib/${importName.toUpperCase()}`,
      preventFullImport: true,
    },
  }
}

this code will become:

1import request from '@tarojs/taro-h5/lib/request';
2request(...)

Usage

Step 1: Install

1yarn add --dev babel-plugin-transform-imports-api

or

1npm install --save-dev babel-plugin-transform-imports-api

Step 1: Configure .babelrc

1{
2  plugins: [
3    [require(plugin), {
4      packagesApis: new Map([
5        ['packageName1', new Set(['api'])],
6        ['packageName2', new Set(['api'])],
7      ]),
8      usePackgesImport: false, // Whether to use packagesImport
9      packagesImport: {
10        'packageName1': {
11          transform: (importName, matches) => `packageName1/lib/${importName.toUpperCase()}`,
12          preventFullImport: true,
13        },
14      }
15    }]
16  ]
17}