https://github.com/wxungang/ES6_REACT_1104.git（项目链接）

app.jsx 文件
/**

1. ReactDOM from 'react-dom';

2. test from "../components/test";
   console.log(test);

   ReactDOM.render(

    
   
      
      
    
   ,
    document.getElementById('body')

   );

   test.js文件（简单的组件都没法渲染）
   /**

   • Created by xiaogang on 2016/6/8.
     */
     "use strict";

3. {Component, PropTypes} from 'react';

4. default class Test extends Component{

      constructor(props){
          super(props);
          this.state={};
      }
   
      render(){
          return 
   test {this.props.name }
      }

   }

   webpack.config.js

5. path = require('path');

6. webpack = require('webpack');

   module.exports = {

    devtool: 'cheap-module-eval-source-map',
    entry: [
      'webpack-hot-middleware/client', 
      './docs/src/js/app.jsx',
      './docs/src/less/style.less'
    ],
    output: {
      path: path.join(__dirname, 'docs'),
      filename: 'js/app.js',
      publicPath: '/'
    },
    externals: {'react': 'React', 'react-dom': 'ReactDOM'},
    plugins: [
      new webpack.HotModuleReplacementPlugin(),
      new webpack.NoErrorsPlugin()
    ],
    module: {
      loaders: [
        { test: /\.jsx?$/, loaders: ['babel'], include: [
          path.resolve(__dirname, 'src'), 
          path.resolve(__dirname, 'docs'), 
          path.resolve(__dirname, 'node_modules/refetch')
        ] },
        { test: /\.(css|less)$/, loader: 'style-loader!css-loader?localIdentName=[hash:base64:8]!less-loader' },
        { test: /\.(ttf|eot|woff|woff2|otf|svg)/, loader: 'file-loader?name=./font/[name].[ext]' },
        { test: /\.json$/, loader: 'file-loader?name=./json/[name].json' },
        { test: /\.(png|jpg|jpeg|gif)$/, loader: 'url-loader?limit=10000&name=./images/[name].[ext]' }
      ]
    }

   };