Materialize.css: как правильно подключить отдельные элементы библиотеки?

Question

[Illia T]

Всю библиотеку подключать неправильно, пытаюсь подключить нужные компоненты. Не могу понять, из-за чего не срабатывает нужный эффект (в частности. не срабатывает гамбургер. меню не всплывает). Подключаю нужные компоненты, но есть какая-то заковыка: М не определена, выдаёт ошибку.
Вот код, в котором фигурирует тот самый объект М, который якобы не определён.

document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.sidenav');
    var instances = M.Sidenav.init(elems, options);
  });

Answer 1

[profesor08]

import "materialize.css/sass/components/forms/_checkboxes.scss";

Comments

[Illia T]

Да нет же, я не об этом, это всё понятно. Я подключал отдельные компоненты, сейчас я пытаюсь разобраться с неким объектом М, который вы можете сами увидеть в компонентах. У меня то ли вот эта вот инициализация как-то не так проходит (хотя я использую официальную демку), то ли какой-то базовый компонент нужно было подключить ... этот самый М не определён. Я вот об этом, о чёткой последовательности действий при подключении компонентов.

[Illia T]

JS-компоненты

[profesor08]

Illia T, ну открой файл, посмотри зависимости, подключи их в начале, потом все остальное.