我在index.js中使用动态导入：
.app-child { color: red; }
index.ts是我的webpack.config.js中的入口点。
结果是一个捆绑包，其中包含所有4个文件-索引和3个组件。
我的目标是将每个文件分别放在dist文件夹中，以便索引可以在运行时按需动态加载组件。
即在运行时，我想加载index.js，然后会在需要时通过动态导入请求组件a-c。
取决于事件会产生相同的结果：
import('./componentA');
import('./componentB');
import('./componentC');
const myIndexVar = 'My Index Var';
如果我尝试这样的操作，它将完全忽略该组件，并且不会以任何方式将其添加到dist文件夹：
document.body.onclick = () => import('./componentA');
我尝试了以下这篇文章： https://webpack.js.org/guides/code-splitting/
我误会了会发生什么？
如果我走的路不正确，是否有其他选择可以帮助我实现目标？