uiwjs/babel-plugin-transform-remove-importsPublic

NotificationsYou must be signed in to change notification settings
Fork3
Star22

Remove the specified import declaration when you use the babel transform to build the package.

uiwjs.github.io/babel-plugin-transform-remove-imports/

License

MIT license

22 stars 3 forks Branches Tags Activity

Star

Notifications

You must be signed in to change notification settings

Branches Tags

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 110 Commits
.github		.github
src		src
test		test
.babelrc		.babelrc
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md
index.d.ts		index.d.ts
package.json		package.json
renovate.json		renovate.json

Repository files navigation

^Using my app is also a way tosupport me:

babel-plugin-transform-remove-imports

Modular import plugin for babel for server-side rendering. Also works for cjs to delete imported CSS to avoid compilation errors..

Usage

npm install babel-plugin-transform-remove-imports --save-dev

Via.babelrc orbabel-loader.

{"plugins": [    ["babel-plugin-transform-remove-imports", {"test":"\\.(less|css)$"      }    ]  ]}

// Input Codeimport'./index.less';import'./index.main.less';import{Button}from'uiw';import{Select}from'@uiw/core';// Output   ↓ ↓ ↓ ↓ ↓ ↓import{Button}from'uiw';import{Select}from'@uiw/core';

Output Result

- import './index.less';- import './index.main.less';import { Button } from 'uiw';import { Select } from '@uiw/core';

Support`require`

Via.babelrc orbabel-loader.

{"plugins": [    ["babel-plugin-transform-remove-imports", {"test":"@babel/core",      }    ]  ]}

// Input Coderequire('@babel/core');constjest=require('jest');// Output   ↓ ↓ ↓ ↓ ↓ ↓varjest=require('jest');

Output Result

- require('@babel/core');- const jest = require('jest');+ var jest = require('jest');

Options

test: RegExp | string | (RegExp | string)[]

A regular expression to match the imports that will be removed.It could be a string or a RegExp object.You could also pass an array here.

removeAll: boolean

Deletes all imports.

remove?: 'effects'

Removing only side effects imports，Used with thetest option.#3

// Input Codeimport'foo';importFoofrom'foo';// Output Code  ↓ ↓ ↓ ↓ ↓ ↓importFoofrom'foo';

Programmatic Usage

importpluginfrom'babel-plugin-transform-remove-imports'import{transform}from'babel-core'functionreplace(code){returntransform(code,{babelrc:false,plugins:[[plugin,{test:/\.(less|css)$/}]],}).code;}replace("import './index.main.less';import { Button } from 'uiw';")//=> "import { Button } from 'uiw';"