Error in packaging react with the CommonsChunkPlugin plug-in of webpack?

  node.js, question

Webpack.config.js configuration file
图片描述
图片描述

Project js file
图片描述

An error occurred while compiling.
图片描述

Html file call
图片描述

Page error
图片描述

Did not join jsx’s parsing loader, let me show you my configuration file

var path = require('path');
var webpack = require('webpack');
const node_modules_dir = path.resolve(__dirname, 'node_modules');

var config = {
  devtool: 'eval',
  entry: [
    'webpack-dev-server/client?http://0.0.0.0:9100',
    'webpack/hot/dev-server',
    './src/relax/js/tabs.js'
  ],
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'entry.js',
    publicPath: '/deploy/'
  },
  plugins: [
    new webpack.optimize.UglifyJsPlugin({
    compress: {
        warnings:false
    },
    output: {
        comments: false
    }
    }),
    new webpack.HotModuleReplacementPlugin()
  ],
  module: {
    loaders: [
    {
        test: /\.css$/,
        loader: 'style!css?module&localIdentName=[hash:base64:5]&-url'
    },
    {
        test: /\.less$/,
        loader: 'style!less'
    },
    {
        test: /\.sass$/,
        loader: 'style!sass'
    },
    {
      test: /\.jsx?$/,
      loaders: ['react-hot', 'babel'],
      exclude: [node_modules_dir],
      include: path.join(__dirname, 'src')
    },
    {
        test: /\.(png|jpg)$/,
        exclude: [node_modules_dir],
        loader: 'url?limit=6400'
    }
    ]
  },
  devServer: {
    historyApiFallback: true,
    hot: true,
    inline: true,
    stats: "error-only",
    host:'0.0.0.0',
    port: 9100
  }
};

module.exports = config