babel-plugin-webpack-async-module-name

KO | EN

gitlite — search

#javascript #python #hacktoberfest #ai #machine-learning #deep-learning #linux #java #awesome #kubernetes #awesome-list #security #pytorch #open-source

babel-plugin-webpack-async-module-name

(★ 19)

Babel plugin, name the webpack dynamic modules.

babel-plugin-webpack-async-module-name Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![Downloads](https://img.shields.io/npm/dm/babel-plugin-webpack-async-module-name.svg)](https://www.npmjs.com/package/babel-plugin-webpack-async-module-name)

# babel-plugin-webpack-async-module-name

> This plugin use custom identifier to named webpack dynamic import modules, supports single or multiple modules.
> 
> Support Babel 6 and Babel 7.

## Installation
``` shell
npm i -D babel-plugin-webpack-async-module-name
```

## Test
``` shell
npm run test
```

## Usage

Add the plugin to [babelrc](https://babeljs.io/docs/usage/babelrc/):
``` json
{
  "plugins": [
    "webpack-async-module-name"
  ]
}
```

Use in code:

``` javascript
importName('./a.js')

importName('./a.js', 'name-a')

importName(['./a.js', './b.js'])

importName(['./a.js', './b.js'], 'name-a-b')
```

It will be transformed to:

``` javascript
import('./a.js');

import( /*webpackChunkName: 'name-a'*/'./a.js');

Promise.all([import('./a.js'), import('./b.js')]);

Promise.all([import( /*webpackChunkName: 'name-a-b'*/'./a.js'), import( /*webpackChunkName: 'name-a-b'*/'./b.js')]);
```

## License
[MIT](https://opensource.org/licenses/mit-license.php)

babel-plugin-webpack-async-module-name

babel-plugin-webpack-async-module-name Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

babel-plugin-webpack-async-module-name

babel-plugin-webpack-async-module-name Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README