如何将Material Design Lite与webpack一起使用？

Question

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

有没有办法不必在全局定义的upgradeDom上调用componentHandler，而是使用webpack将材料设计精简版作为模块导入？

Answer 1

github上有这个discussion，但它看起来不会很快升级到导出componentHandler。

所以我使用了exports-loader插件用于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();