Javascript 在网页包中包含JS文件

我目前正在使用webpack进行一个项目。如果这个问题看起来很傻，我很抱歉，但这是我的第一个网页项目，学习起来有点难。 我想在我的项目中添加一个引导模板，但是我很难实现它。我成功地使用以下工具实现了此模板所需的所有css文件：

import "../vendor/bootstrap/css/bootstrap.min.css";
import "../vendor/font-awesome/css/font-awesome.min.css";
import "../vendor/datatables/dataTables.bootstrap4.css";
import "../css/sb-admin.css";

但是我很难实现项目所需的Javascript文件。将它们包含在HTML文件中，如下所示：

<!-- Bootstrap core JavaScript -->
<script src="../vendor/jquery/jquery.min.js"></script>
<script src="../vendor/popper/popper.min.js"></script>
<script src="../vendor/bootstrap/js/bootstrap.min.js"></script>

<!-- Plugin JavaScript -->
<script src="../vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="../vendor/chart.js/Chart.min.js"></script>
<script src="../vendor/datatables/jquery.dataTables.js"></script>
<script src="../vendor/datatables/dataTables.bootstrap4.js"></script>

<!-- Custom scripts for this template -->
<script src="../js/sb-admin.min.js"></script>

// Bootstrap core JavaScript
require("../vendor/jquery/jquery.min.js");
require("../vendor/popper/popper.min.js");
require("../vendor/bootstrap/js/bootstrap.min.js");

// Plugin JavaScript
require("../vendor/jquery-easing/jquery.easing.min.js");
require("../vendor/chart.js/Chart.min.js");
require("../vendor/datatables/jquery.dataTables.js");
require("../vendor/datatables/dataTables.bootstrap4.js");

// Custom scripts for this template
require("../js/sb-admin.min.js");

---

也不行。如何将这些JS文件包含到我的项目中？

在网页包中使用引导不是正确的方法。网页包中有许多用于使用引导的加载程序。尝试此加载程序将加载所需的引导样式和脚本（代码拆分）。由于您是网页新手，我建议您在youtube上查看视频，以便更好地理解。

您的网页配置是什么样的？我想说，在webpack中这样做的正确方法是在webpack config中声明一个

供应商

，这样您就可以真正利用代码拆分