通过Webpack要求Material-UI的正确方法

通过Webpack要求Material-UI的正确方法

最后，我明白了。

答案很简单：

1. material-ui

   通过npm 安装：

   npm install material-ui --save

2. 添加

   resolve.moduleDirectories

   ，

   resolve.extensions

3. 打开和声模式中

   jsx-loader

   通过

   jsx-loader?harmony

我最终得到了webpack.config.js：

var config = {  entry: {    Messenger: './app/Messenger.jsx',    AppComponent: './app/AppComponent.jsx'  },  resolve: {    modulesDirectories: ['node_modules'],    alias: {},    extensions: ['', '.jsx', '.js']  },  output: {    path: './www',    filename: '[name].bundle.js'  },  module: {    noParse: [],    loaders: [      { test: /.css$/, loader: 'style-loader!css-loader' }, // use ! to chain loaders      { test: /.png$/, loader: "url-loader?limit=100000&mimetype=image/png" },      { test: /.jsx$/, loader: 'jsx-loader?harmony' }    ]  }};module.exports = config;