如何在Laravel中正确添加Javascript依赖项和CSS文件

我正在使用Laravel7构建我的一个应用程序。我有以下Javascript依赖项

引导

数据表

jQuery

选择2

托马斯特

D3

现在我正在使用新的

laravel/ui

包，并构建了一个基于引导的应用程序。它使用Laravel Mix并编译了

app.css

和

app.js

文件。

app.js

包含以下代码：

require（'./bootstrap'）

引导文件包含以下代码：

window._ = require('lodash');

try {
    window.Popper = require('popper.js').default;
    window.$ = window.jQuery = require('jquery');

    require('bootstrap');
} catch (e) {}


window.axios = require('axios');

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

我认为在这个文件中，我们需要添加其他依赖项。在文档中还提到要在此处添加Javascript依赖项。我对如何向文件中添加
DataTables
和其他上述依赖项感到困惑。我需要在
require
中使用哪些软件包名称

此外，这些包中的大多数也有自己的CSS文件。如何为文件中的所有依赖项（如
bootstrap.js
）添加CSS文件？目前，所有CSS文件都导入到应用程序布局刀片模板中。如果有人能添加一个教程链接，那也太好了。
要在你的laravel项目上安装JavaScript软件包，你可以这样做，
数据表示例：

安装npm包

npm安装--保存datatables.net-bs4

将其包含在
resources/js/bootstrap.js中

要求（'datatables.net-bs4'）

包括在
resources/sass/app.scss
@导入“~datatables.net-bs4/css/datatables.bootstrap4.css”

在终端中运行
npm Run dev
，以编译必要的文件
最后创建一个js文件，并将其包含在
bootstrap.js
文件和使用包中

<script>
$(document).ready(function () {
  $('table').DataTable();
});
 </script>

并在模板中包含编译js和css文件

  <link href="{{ mix('css/app.css') }}" rel="stylesheet">

<script src="{{ mix('js/app.js') }}"></script>



我希望能帮助你和我
对不起，我的英语不好
如果你看到
package.json
里面有
bootstrap.js
文件中包含的所有依赖项。因此，您可以使用npm安装依赖项，如
Datatable或select2等。
，然后您可以将其包含在
bootstrap.js
Perfect中。这正是我需要的。现在，如果你能建议我如何将页面明智的JS也包括进来进行混合，那就太好了。我只需要在列表页面中初始化数据表，而不需要在加载页面中初始化。我怎样才能有效地做到这一点？@HappyCoder谢谢，我不知道这一点，但你可以看看，也许你可以找到关于你的问题的解决方案——事实上，这只是为了拉威尔项目。我在视图文件中有一些Javascript，比如Ajax请求加载一些下拉列表和所有内容。我现在要做的是专门在混合配置中添加这些文件，并使用
将其包含在页面中。谢谢！！
  <link href="{{ mix('css/app.css') }}" rel="stylesheet">

<script src="{{ mix('js/app.js') }}"></script>