webpack - Webpack 4の動的インポートが個別のチャンクを生成しない

Question

例としてインポートlodashを非同期にしようとしていますが、代わりにメインチャンクに含まれます

Version: webpack 4.23.1

module.exports = {
  mode: "development",
  context: __dirname,
  devtool: 'sourcemap',
  entry: {
    "entry1": "./src/entry1.ts"
  },
  output: {
    path: __dirname + "/dist",
    filename: "[name].js",
    chunkFilename: "[name].js",
  },
  // ...
}

問題を再現するためだけに簡単なコードを作成しました

document.addEventListener('DOMContentLoaded', async () => {
  console.log('DOMContentLoaded')
  // lodash should be made into a separate chunk
  // but it gets included in the entry1 chunk
  const _ = await import('lodash')
  console.log('loaded test chunk')
  console.log(_.concat)
})

完全なレポは以下にリンクされています
https://github.com/unlocomqx/webpack4-async-chunk