项目作者: morganney

项目描述 :
Adds webpackChunkName magic comments to your dynamic imports
高级语言: JavaScript
项目地址: git://github.com/morganney/webpack-chunkname-loader.git
创建时间: 2021-09-06T19:27:50Z
项目社区:https://github.com/morganney/webpack-chunkname-loader

开源协议:

下载


webpack-chunkname-loader

CI
codecov

[!WARNING]
Uses a regex to find dynamic import expressions, your mileage may vary.
For parser support use magic-comments-loader.

Adds webpackChunkName magic coments to your dynamic import expressions.

If you need other magic comments or more configuration options use magic-comments-loader.

Usage

First npm install webpack-chunkname-loader.

Configuration

Add this inside your webpack.config.js:

  1. module: {
  2. rules: [
  3. {
  4. test: /\.js$/,
  5. exclude: /node_modules/,
  6. use: ['webpack-chunkname-loader']
  7. }
  8. ]
  9. }

You can supply an option to include webpackMode magic comments:

  1. module: {
  2. rules: [
  3. {
  4. test: /\.js$/,
  5. exclude: /node_modules/,
  6. use: {
  7. loader: 'webpack-chunkname-loader',
  8. options: {
  9. webpackMode: 'eager'
  10. }
  11. }
  12. }
  13. ]
  14. }

Magic Comments

With webpack-chunkname-loader added to your webpack build, the following dynamic import:

  1. const dynamicModule = await import('./path/to/some/module')

becomes:

  1. const dynamicModule = await import(/* webpackChunkName: "path-to-some-module" */ './path/to/some/module')