Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在网页中使用Material Design Lite?_Javascript_Reactjs_Webpack_Material Design Lite - Fatal编程技术网

Javascript 如何在网页中使用Material Design Lite?

Javascript 如何在网页中使用Material Design Lite?,javascript,reactjs,webpack,material-design-lite,Javascript,Reactjs,Webpack,Material Design Lite,我一直在玩ReactJs,我需要在每个componentDidMount()处理程序中调用componentHandler.upgradeDom() 有没有办法不必在全局定义的componentHandler上调用upgradeDom,而是使用webpack将material design lite作为模块导入?github上有此功能,但看起来库不会很快升级以导出componentHandler 因此,我使用了webpack的插件。我的webpack.config.js如下所示: module:

我一直在玩ReactJs,我需要在每个
componentDidMount()
处理程序中调用
componentHandler.upgradeDom()

有没有办法不必在全局定义的
componentHandler
上调用
upgradeDom
,而是使用webpack将material design lite作为模块导入?

github上有此功能,但看起来库不会很快升级以导出
componentHandler

因此,我使用了webpack的插件。我的
webpack.config.js
如下所示:

module: {
    loaders: [
        { test: /\.js$/, loader: 'jsx-loader?insertPragma=React.DOM&harmony' },
        { test: /\.js$/, loader: 'exports-loader' }
    ]
},
这意味着在我的模块中,我现在可以调用

var ch = require('exports?componentHandler!material-design-lite/material.js');
ch.upgradeDom();