如何将外部 JS 文件添加到我的 Zurb Foundation 6.4 项目 (webpack)？答案

【问题标题】：How do I add external JS files to my Zurb Foundation 6.4 project (webpack)?如何将外部 JS 文件添加到我的 Zurb Foundation 6.4 项目 (webpack)？
【发布时间】：2023-05-30 17:31:01
【问题描述】：

我使用 npm 创建了一个新的 Foundation 项目，我需要添加一个 lightbox plugin。将外部 JS 文件添加到之前版本的 Foundation 就像在 config.yml 文件中链接它一样简单。新版Foundation使用了我不熟悉的module bundler Webpack。我尝试关注these instructions，但没有成功，最终出现 Jquery is not defined 错误。

我将缩小的灯箱插件放在 /lib 目录中，并尝试在 app.js 和 config.yml 文件中链接该文件，但也没有成功。任何帮助将不胜感激。

【问题讨论】：

标签： javascript webpack zurb-foundation

【解决方案1】：

我认为你可以解决添加：

window.jQuery = $;

并在执行过程中从外部调用该文件。这就是快速解决方案。

要添加到 webpack 构建中，我仍然不确定（如果插件不是并且默认导出模块）

【讨论】：