无法使用 webpack 导入物化模块

弗里德里希·西弗

尝试在 webpack 中使用 materializecss。我想要做的是只导入所需的模块而不是所有的 js。加载完整的 js 正在按预期工作。但是如果我只想使用模态,我就找不到方法了。我试过了

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

结果:Uncaught ReferenceError: cash is not defined 然后我试过:

   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 Uncaught ReferenceError: 组件未定义。

我想知道是否有一种方法可以通过 webpack 以模块化方式使用 materializecss?

提前谢谢了

布鲁诺·费尔南德斯

这就是我最终做的:

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

导入要使用的组件并单独初始化它们。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章