使用 NPM 将 Mmenu 添加到 Laravel

Posted 2023-03-21

【中文标题】使用 NPM 将 Mmenu 添加到 Laravel

【英文标题】：Add Mmenu to Laravel using NPM

【发布时间】：2021-12-27 01:11:38

【问题描述】：

我正在尝试将 mmenu.js 添加到 Laravel 8 项目中。我已经使用 NPM 安装了它，但是我无法将它包含在项目中。

现在，在 bootstrap.js 中我有这个：

import Mmenu from 'mmenu-js';
window.Mmenu = Mmenu;

网站上没有关于如何在 Laravel 上安装的详细文档，因此我们将不胜感激！

【参考方案1】：

您可以通过在页面的 head 部分编写代码来包含在您的项目中。 以下是在项目中放置菜单的示例。

    <link href="path/to/css/mmenu.css" rel="stylesheet" />
    <script src="path/to/js/mmenu.js"></script>

    <!-- Fire the plugin -->
    <script>
        document.addEventListener(
            "DOMContentLoaded", () => 
                new Mmenu( "#my-menu" );
            
        );
    </script>