https://github.com/uiwjs/babel-plugin-transform-remove-imports
Remove the specified import declaration when you use the babel transform to build the package.
https://github.com/uiwjs/babel-plugin-transform-remove-imports
babel babel-plugin babel7 ssr uiw
Last synced: 3 months ago
JSON representation
Remove the specified import declaration when you use the babel transform to build the package.
- Host: GitHub
- URL: https://github.com/uiwjs/babel-plugin-transform-remove-imports
- Owner: uiwjs
- License: mit
- Created: 2019-01-14T16:21:36.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2025-12-03T15:43:53.000Z (7 months ago)
- Last Synced: 2025-12-06T20:29:52.839Z (7 months ago)
- Topics: babel, babel-plugin, babel7, ssr, uiw
- Language: JavaScript
- Homepage: https://uiwjs.github.io/babel-plugin-transform-remove-imports/
- Size: 355 KB
- Stars: 22
- Watchers: 1
- Forks: 3
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
babel-plugin-transform-remove-imports
===
[](https://npmjs.org/package/babel-plugin-transform-remove-imports)
[](https://github.com/uiwjs/babel-plugin-transform-remove-imports/actions/workflows/ci.yml)
[](https://uiwjs.github.io/babel-plugin-transform-remove-imports/lcov-report)
[](https://npmjs.org/package/babel-plugin-transform-remove-imports)
[](https://github.com/jaywcjlove/babel-plugin-transform-remove-imports/network/dependents)
Modular import plugin for babel for server-side rendering. Also works for cjs to delete imported CSS to avoid compilation errors..
## Usage
```bash
npm install babel-plugin-transform-remove-imports --save-dev
```
Via `.babelrc` or `babel-loader`.
```json
{
"plugins": [
[
"babel-plugin-transform-remove-imports", {
"test": "\\.(less|css)$"
}
]
]
}
```
```js
// Input Code
import './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
```diff
- import './index.less';
- import './index.main.less';
import { Button } from 'uiw';
import { Select } from '@uiw/core';
```
#### Support `require`
Via `.babelrc` or `babel-loader`.
```json
{
"plugins": [
[
"babel-plugin-transform-remove-imports", {
"test": "@babel/core",
}
]
]
}
```
```js
// Input Code
require('@babel/core');
const jest = require('jest');
// Output ↓ ↓ ↓ ↓ ↓ ↓
var jest = require('jest');
```
Output Result
```diff
- 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 the `test` option. [#3](https://github.com/uiwjs/babel-plugin-transform-remove-imports/issues/3)
```js
// Input Code
import 'foo';
import Foo from 'foo';
// Output Code ↓ ↓ ↓ ↓ ↓ ↓
import Foo from 'foo';
```
## Programmatic Usage
```js
import plugin from 'babel-plugin-transform-remove-imports'
import { transform } from 'babel-core'
function replace (code) {
return transform(code, {
babelrc: false,
plugins: [
[plugin, { test: /\.(less|css)$/ }]
],
}).code;
}
replace("import './index.main.less';import { Button } from 'uiw';")
//=> "import { Button } from 'uiw';"
```
## Contributors
As always, thanks to our amazing contributors!
Made with [github-action-contributors](https://github.com/jaywcjlove/github-action-contributors).
## License
[MIT](./LICENSE) © [`Kenny Wong`](https://github.com/jaywcjlove) & [`Slava Fomin II`](https://github.com/slavafomin)
