wkwiatek / react-hot-loader-minimal-boilerplate Goto Github PK

const webpack = require('webpack')
const path = require('path')

module.exports = {
  devtool: 'source-map',
  entry: {
    'app': [
      'babel-polyfill',
      'react-hot-loader/patch',
      './src/index'
    ]
  },
  output: {
    path: path.resolve(__dirname, './dist'),
    filename: '[name].js'
  },
  module: {
    rules: [
      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader' },
      {
        test: /\.jsx?$/,
        loader: 'babel',
        exclude: /node_modules/,
        query: {
          presets: ['react', 'es2015']
        }
      }
    ]
  }
}

ERROR in multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server babel-polyfill react-hot-loader/patch ./src/index
Module not found: Error: Can't resolve './src/index' in '/Users/aero/Documents/Work/react-hot-loader-minimal-boilerplate'
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server babel-polyfill react-hot-loader/patch ./src/index

var webpack = require('webpack');
var HTMLWebpackPlugin = require('html-webpack-plugin')
var HTMLWebpackPluginConfig = new HTMLWebpackPlugin({
			template: __dirname + '/app/index.html',
			filename: 'index.html',
			inject: 'body'
		});
var CopyWebpackPlugin = require('copy-webpack-plugin')
var CopyWebpackPluginConfig = new CopyWebpackPlugin([{ from: 'static'}])

const path = require('path');

module.exports = {

	entry: ['react-hot-loader/patch',
			'webpack-dev-server/client?http://0.0.0.0:8080',
			'webpack/hot/only-dev-server', //<- doesn’t reload the browser upon syntax errors. This is recommended for React apps because it keeps the state
			//'webpack/hot/dev-server', //<- To perform HMR in the browser reloads if HMR update fails.
			__dirname + '/app/index.js'],

	context: __dirname,
	module:{
		loaders:[
			{
				test:/\.js$/,
				exclude: /node_modules/,
				loader:['react-hot-loader/webpack','babel-loader'],
				query:{
					presets:["react","es2015","stage-2",]
				}
				
			},
			{
				test: /\.css$/,
				exclude: /node_modules/,
				loader: 'style!css'
			}
		]
	},
	output:{
		filename:'payload-min.js',
		path: __dirname + '/build',
		publicPath: __dirname + '/build'
	},
	plugins:[CopyWebpackPluginConfig , 
			 HTMLWebpackPluginConfig ,
			 new webpack.HotModuleReplacementPlugin(),
    		 new webpack.NoEmitOnErrorsPlugin()]

};