timse

                               Asset       Size        Chunks             Chunk Names
async-bar.js.06896d922ee7bb8af159.js  324 bytes  async-bar.js  [emitted]
async-baz.js.fff77d118cec24487e5d.js  324 bytes  async-baz.js  [emitted]
        main.16bb304a9926477df558.js    1.18 kB          main  [emitted]  main
     runtime.8f75ffddb5ac5820d4a9.js    6.01 kB       runtime  [emitted]  runtime
      vendor.73c86187abcdf9fd7b18.js    20.7 kB        vendor  [emitted]  vendor
[./node_modules/preact/dist/preact.js] ./~/preact/dist/preact.js 20.5 kB {vendor} [built]
[./src/async-bar.js] ./src/async-bar.js 41 bytes {async-bar.js} [built]
[./src/async-baz.js] ./src/async-baz.js 41 bytes {async-baz.js} [built]
[./src/bar.js] ./src/bar.js 23 bytes {main} [built]

timse

// webpack.config.js 
// ...
plugins: [ 
  // ... 
  new webpack.NamedChunksPlugin((chunk) => { 
    if (chunk.name) { 
      return chunk.name; 
    } 
    return chunk.modules.map(m => path.relative(m.context, m.request)).join("_"); 
  }), 

timse

                          Asset       Size   Chunks             Chunk Names
      0.612f1fa751a3287cf615.js  311 bytes        0  [emitted]
      1.9606a5eadde08d70c763.js  311 bytes        1  [emitted]
      ...

timse

// foo.js
import('./async-bar').then( a => console.log(a));
import('./async-baz').then( a => console.log(a));
// ...

timse

                          Asset       Size   Chunks             Chunk Names
      0.9110a255e8cbd547adc7.js  311 bytes        0  [emitted]
      ...

timse

// foo.js
import('./async-bar').then( a => console.log(a));
// ...

timse

// output without bar.js

                          Asset       Size   Chunks             Chunk Names
   main.5f15e6808c8037c8bdbc.js  628 bytes     main  [emitted]  main
runtime.72ef2fc7d9df236c7f1c.js    5.94 kB  runtime  [emitted]  runtime
 vendor.73c86187abcdf9fd7b18.js    20.7 kB   vendor  [emitted]  vendor
[./node_modules/preact/dist/preact.js] ./~/preact/dist/preact.js 20.5 kB {vendor} [built]
   [0] multi preact 28 bytes {vendor} [built]
[./src/foo.js] ./src/foo.js 121 bytes {main} [built]

timse

// webpack.config.js 
// ... 
plugins: [ 
  new webpack.NamedModulesPlugin(), 
  // ... 
// ...

timse

// old vendor build
// ...
/***/ }),
/* 1 */,
/* 2 */
/***/ (function(module, exports, __webpack_require__) {
// ...


// vendor build with new import

timse

// weback.config.js 
// ... 
plugins: [ 
  new webpack.NamedChunksPlugin(), 
  // ... 
// ...