# named-chunks-entry-module-id-plugin

> 将webpack入口文件的入口执行模块ID改成文件名

Latest version **1.0.1** (published 2018-06-07) · ISC license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install named-chunks-entry-module-id-plugin
pnpm add named-chunks-entry-module-id-plugin
yarn add named-chunks-entry-module-id-plugin
bun add named-chunks-entry-module-id-plugin
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2018-06-07 |
| First published | 2018-06-07 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 2.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | zhoucheng |
| Maintainers | zhoucheng |
| Keywords | webpack |

## Links

- npm: https://www.npmjs.com/package/named-chunks-entry-module-id-plugin
- Repository: https://github.com/frontendnote/named-chunks-entry-module-id-plugin
- Homepage: https://github.com/frontendnote/named-chunks-entry-module-id-plugin#readme
- Issues: https://github.com/frontendnote/named-chunks-entry-module-id-plugin/issues
- npm.io page: https://npm.io/package/named-chunks-entry-module-id-plugin

## Alternatives

- [raw-loader](https://npm.io/package/raw-loader.md) — 4.3M weekly downloads
- [plop](https://npm.io/package/plop.md) — 1.4M weekly downloads
- [webpack-deadcode-plugin](https://npm.io/package/webpack-deadcode-plugin.md) — 80.3K weekly downloads
- [@storybook/preact-vite](https://npm.io/package/@storybook/preact-vite.md) — 54.2K weekly downloads
- [vite-plugin-transform](https://npm.io/package/vite-plugin-transform.md) — 2.4K weekly downloads

## Recent versions

- 1.0.1 (latest) — 2018-06-07
- 1.0.0 — 2018-06-07

## README

## 将webpack入口文件的入口执行模块ID改为文件名
[![npm (custom registry)](https://img.shields.io/npm/v/named-chunks-entry-module-id-plugin.svg?registry_uri=https%3A%2F%2Fregistry.npmjs.com)](https://www.npmjs.com/package/named-chunks-entry-module-id-plugin)

## Usage
``` javascript
const HtmlWebpackPluginFlexibleScript = require('named-chunks-entry-module-id-plugin');

module.exports = {
  plugins: [
    new NamedChunksEntryModuleIdPlugin()
  ]
}
```

``` javascript
// Before
webpackJsonp(
  [1],
  {
    12: function(n, i, o) {
      n.exports = o('yZGm');
    },
    yZGm: function(n, i, o) {
    }
  },
  [12]
);

// After
webpackJsonp(
  [1],
  {
    'myChunkName-executeModules': function(n, i, o) {
      n.exports = o('yZGm');
    },
    yZGm: function(n, i, o) {
    }
  },
  ['myChunkName-executeModules']
);
```

### QA
Q: 为什么生成的name要加上-executeModules
A: 因为会和NamedChunksPlugin这个插件引起冲突
``` javascript
/* 
 * NamedChunksPlugin + NamedChunksEntryModuleIdPlugin 
 * 如果不加-executeModules
 */

// Before
webpackJsonp(
  [1],
  {
    12: function(n, i, o) {
      n.exports = o('yZGm');
    },
    yZGm: function(n, i, o) {
    }
  },
  [12]
);

// After
webpackJsonp(
  ['myChunkName'],
  {
    'myChunkName': function(n, i, o) {
      n.exports = o('yZGm');
    },
    yZGm: function(n, i, o) {
    }
  },
  ['myChunkName']
);
```

这样就会造成chunkId和chunkEntryId重复，造成死循环调用
<img alt="ojbk" src="http://www.frontendnote.com/images/namedChunk.png" />

---
_Source: https://npm.io/package/named-chunks-entry-module-id-plugin · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._