无法使用webpack导入materialize模块

Question

和webpack一起尝试使用物质化。我想要做的是只导入所需的模块，而不是所有的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:未定义组件。

我想知道有没有一种方法可以通过模块化的方式来使用materializecss和webpack？

非常感谢你提前

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'), {});
});

导入要使用的组件并分别对其进行初始化。