README

此包使得在 Laravel 5.5+ 中使用 Stimulus，一个针对现有 HTML 的简单 JavaScript 框架变得容易。

关于 Stimulus 的起源，请参阅这里。

内容

要在您的 Laravel 应用程序上安装此预设，只需运行

composer require laravel-frontend-presets/stimulus
php artisan preset stimulus
npm install # or yarn install
npm run dev # or yarn dev

这将

完成后，请确保在您的 public 目录中加载了构建的 js/app.js 文件，例如

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

resources/assets/js/controllers（或 Laravel 5.7+ 中的 resources/js/controllers）中定义的 Stimulus 控制器将在运行时可用。

注意：在更新定义的 Stimulus 控制器后，请记住重新构建前端资源以反映您的更改。

您的 Stimulus 控制器将通过 Webpack 的 require.context 功能和 Stimulus 助手自动包含在项目中。如果您不使用 Laravel Mix 或其他基于 Webpack 的构建工具，请查阅 Stimulus 手册中的替代集成步骤。

Stimulus 基于 HTML 数据属性运行，因此请更新您的视图以使用定义的 Stimulus 控制器。对于默认的 hello-controller，必要的 HTML 可能类似于

<div data-controller="hello">
    <input data-target="hello.name" type="text">
    <button data-action="click->hello#greet">Greet</button>
</div>

通过阅读手册和/或参考来了解更多关于 Stimulus 的信息。