[英]Can't import materialize modules with webpack
Trying to use materializecss with webpack. 尝试在webpack中使用materializecss。 What I want to do is to import only the required Modules not all of the js.
我想做的是仅导入所需的模块,而不是全部js。 Loading the complete js is working as expected.
加载完整的js符合预期。 But if I only want to use a modal, I cant find out how to do it.
但是,如果我只想使用模态,就无法找到方法。 I tried
我试过了
import 'materialize-css/js/modal.js';
result: Uncaught ReferenceError: cash is not defined Then I tried: 结果:未捕获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';
Result: modal.js:24 Uncaught ReferenceError: Component is not defined. 结果:modal.js:24未捕获的ReferenceError:未定义组件。
I wonder if there is a way to use materializecss in a modular way with webpack? 我想知道是否有一种方法可以在webpack中以模块化方式使用materializecss?
Many Thanks in advance 提前谢谢了
This is what I ended up doing: 这就是我最终做的事情:
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'), {});
});
Import the components you want to use and initialize them individually. 导入要使用的组件并单独初始化它们。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.