Javascript Can'；t使用网页包导入具体化模块

正在尝试将eCSS与Web包一起使用。我想做的是只导入所需的模块，而不是所有的js。加载完整的js工作正常。但是如果我只想使用模态，我就不知道怎么做。 我试过了

结果：未捕获引用错误：未定义现金 然后我试着：

   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未捕获引用错误：未定义组件

我想知道是否有一种方法可以在webpack中以模块化的方式使用MaterializeCS

---

提前非常感谢

这就是我最后要做的：

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

---

导入您想要使用的组件并分别初始化它们。

您可能会使用类似于“MaterializeCSS”中的

Import{Modal}的东西@ChrisG：非常感谢，这确实有效，但我没有在文件大小中保存一个字节。我不太确定它是如何工作的。无论如何，非常感谢。很可能webpack不会导入整个模块，而只是导入代码中使用的内容。这就解释了为什么它对文件大小没有影响。
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'), {});
});