由 symfony 精心策划

您离不开的 JavaScript 工具。

一套 PHP 和 JavaScript 软件包，旨在解决日常前端问题，以 Stimulus 和 Turbo 为特色。

安装它

$ composer require symfony/asset-mapper symfony/stimulus-bundle

assets
- bootstrap.js
- app.js
- controllers.json
- controllers
  - hello_controller.js
- styles
  - app.css
package.json
webpack.config.js

Stimulus Controllers

在 Stimulus Controllers 内部编写自定义 JavaScript

阅读完整文档

templates/main/homepage.html.twig

<div data-controller="markdown">
    <textarea
        data-markdown-target="input"
        data-action="markdown#render"
    >Writing _JavaScript_ is... a **dream** with Stimulus 🤩</textarea>
    <div data-markdown-target="preview">
        <small>&lt;- Write something in the textarea!</small>
    </div>
</div>

assets/controllers/markdown-controller.js

import { Controller } from '@hotwired/stimulus';
import snarkdown from 'snarkdown';

/* stimulusFetch: 'lazy' */
export default class extends Controller {
    static targets = ['input', 'preview'];

    render(event) {
        const rendered = snarkdown(this.inputTarget.value);
        this.previewTarget.innerHTML = rendered;
    }
}