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

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

无法使用Webpack导入实现模块

1 个答案: