istefo / bobby Goto Github PK

i am new to reactjs and trying my hands on a tutorial online..i have been following the steps keenly but i got stuck at a point where my webpack dont seem to run and create my index.bundle.js file...

This my package.json code
`{
"name": "bobby",
"version": "1.0.0",
"description": "my first react project",
"main": "index.js",
"scripts": {
"production": "webpack -p"
},
"author": "sinopi",
"license": "ISC",
"dependencies": {
"jquery": "^3.1.0",
"react": "^15.3.0",
"react-dom": "^15.3.0"
},
"devDependencies": {
"babel-core": "^6.11.4",
"babel-loader": "^6.2.4",
"babel-preset-react": "^6.11.1",
"coffee-loader": "^0.7.2",
"coffee-script": "^1.10.0",
"html-webpack-plugin": "^2.22.0",
"webpack": "^1.13.1",
"webpack-dev-server": "^1.14.1"
}
}

This is my webpack.config.js code

/**

• Created by SINOPI on 8/4/2016.
  */
  // In webpack.config.js
  var HtmlWebpackPlugin = require('html-webpack-plugin');
  var HtmlWebpackPluginConfig = new HtmlWebpackPlugin({
  template: __dirname + '/app/index.html',
  filename:} 'index.html',
  inject: 'body'
  });
  module.exports = {
  entry: [
  './app/index.js'
  ],
  module: {
  loaders: [
  {test: /.babel$/, include: __dirname + '/app', loader: "babel-loader"}
  ]
  },
  output: {
  filename: "index_bundle.js",
  path: __dirname + '/dist'
  },
  plugin: [HTMLWebpackPluginConfig]
  };
  `