尝试在 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] 删除。
我来说两句