javascript - 如何将 Material Design Lite 与 webpack 结合使用？

Question

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

有没有办法不必在全局定义的 componentHandler 上调用 upgradeDom ，而是使用 webpack 将 Material Design lite 作为模块导入？

Answer 1

有这个discussion在 github 上，但看起来该库不会很快升级以导出 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();