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

Question

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

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

Answer 1

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

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

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

How can I use Material Design Lite with webpack?

javascript

reactjs

webpack

material-design-lite