無法使用webpack導入實現模塊

Question

嘗試在webpack中使用materializecss。 我想做的是僅導入所需的模塊，而不是全部js。 加載完整的js符合預期。 但是，如果我只想使用模態，就無法找到方法。 我試過了

    import 'materialize-css/js/modal.js';

結果：未捕獲ReferenceError：未定義現金然后我嘗試：

   import 'materialize-css/js/cash.js';
   import 'materialize-css/js/component.js';
   import 'materialize-css/js/global.js';
   import 'materialize-css/js/anime.min.js';
   import 'materialize-css/js/modal.js';

結果：modal.js：24未捕獲的ReferenceError：未定義組件。

我想知道是否有一種方法可以在webpack中以模塊化方式使用materializecss？

提前謝謝了

Answer 1

這就是我最終做的事情：

import {
    Modal,
    Dropdown
} from 'materialize-css';

document.addEventListener('DOMContentLoaded', function () {
    var modals = M.Modal.init(document.querySelectorAll('.modal'), {});
    var dropdowns = M.Dropdown.init(document.querySelectorAll('.dropdown-trigger'), {});
});

導入要使用的組件並單獨初始化它們。