使用Webpack和Babel编译JavaScript的文件和文件夹结构

Question

不确定此问题是否与Webpack或Babel有关，但这显然是CodePen用于编译JavaScript的内容。

我正在将一个Bootstrap 4项目设置为CodePen项目，但是我在编译JavaScript文件方面遇到了问题。

我知道我必须在我的项目中包含jQuery和Popover才能使编译过程正常工作。但是我不知道在我的文件/文件夹结构中放置它们。

我可以看到所有JavaScript部分都在当前文件夹中被引用，如下所示：

import Alert from './alert'

虽然jQuery和Popper被引用如下：

import $ from 'jquery'

我试图包含jQuery，但是再次将其删除，因为它失败了。那么我根据上面代码示例中的“import”语句放在哪里呢？

您可以在此处访问我的CodePen项目：https://codepen.io/jeppeschaumburg/project/editor/fe6656b7d2fdd62fb50ec1cae8986b4a