laravel - 如何在 Laravel 项目中添加 jQuery

Question

我是 Laravel 框架的新手。
我想在使用 Laravel 框架构建的 Web 应用程序中使用 jQuery。
但不知道如何链接到 jQuery 库 在 Laravel 项目中。

Answer 1

要将 jquery 添加到 laravel，您首先必须将 Scaffolded javascript 文件 app.js 添加到您的顶部布局中。
这可以很容易地添加这个标签。

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

有两个主要过程取决于版本，但在 结束两者都必须执行:

npm run dev

这会将所有依赖项添加到 app.js 文件中。但是，如果您希望为您自动完成此过程，您也可以运行:

npm run watch

Wich 将继续关注变化并添加它们。
Laravel 5.*
jQuery 已经作为开发依赖包含在这个版本的 laravel 中。
你只需要运行:

npm install

第一个命令将安装依赖项。 jquery 将被添加。
Laravel 6.*、7.* 和 8.*
jQuery 已从 laravel 中移除，这意味着您需要像这样手动导入它。

npm i jquery

然后将其添加到 中的 bootstrap.js 文件中资源/js/bootstrap.js
你可能会注意到 axios 和 lodash 也被导入了，所以我们可以用同样的方式导入 jquery。
只需在您想要的任何地方添加:

//In resources/js/bootstrap.js
window.$ = require('jquery');

如果您在 5.* 版本中遵循此过程，它不会影响 laravel，但会安装更新版本的 jquery。