Vamsi Ampolu vamsiampolu

## Greeter.js
import React from 'react';

const Greeter = ({name,place}) => (
  <h1>Hello,{name}. Welcome to the {place}.</h1>
);

export default Greeter;

## index.html
<!DOCTYPE html>
<html>
   <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Simple Webpack Configuration</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>

## webpack.config.js
module.exports = {
  entry:'./app.js',
  output:{
    filename:'bundle.js',
    path:'./build'
  },
  module:{
    loaders:[
      {
        test:/\.scss$/,

## app.js
require('expose?gapiCallback!./google-client-code');
require('expose?gmapsCallback!./google-maps-code');

$script('https://maps.googleapis.com/maps/api/js?onload=window.gapiCallback','google-maps');
$script('https://apis.google.com/js/client.js?callback=window.gmapsCallback','google-api');

## webpack.config.js
module.exports = {
  entry:'./app.js',
  output:{
    filename:'bundle.js',
    path:'./build'
  },
  devServer:{
    stats:'errors-only',
    contentBase:'./build',
    inline:true,

## package.json
"scripts": {
    "lint": "eslint . ./test",
    "build": "cross-env NODE_ENV=dev webpack",
    "build:server": "cross-env NODE_ENV=dev webpack-dev-server",
    "test": "cross-env NODE_ENV=test karma start"
  }

## giant npm install
npm install webpack webpack-merge webpack-dev-server babel babel-preset-es2015 babel-preset-react babel-polyfill babel-transform-react-transform react-transform-catch-errors react-transform-hmr babel-loader style-loader css-loader sass-loader url-loader

## gist:fd85c1c253a80c0f84eac99ecc668e06
npm install webpack webpack-merge webpack-dev-server babel babel-loader babel-plugin-react-transform react-transform-hmr react-transform-catch-errors babel-eslint eslint eslint-plugin-react mocha chai enzyme chai-enzyme phnatomjs-prebuilt karma karma-webpack karma-mocha karma-phantomjs-launcher karma-chai karma-sourcemap-loader react-addons-test-utils

## webpack.config.js
module.exports = {
  entry:’./app.js’,
  output:{
    filename:’bundle.js’,
    path:’./build’
  },
  module:{
    loaders:[
     {
       test:regexp_here,

## webpack.config.js
{
  module: {
    loaders: [
      { test: /underscore/, loader: 'exports?_' }
      { test: /backbone/,
        loader: 'exports?Backbone!imports?underscore=underscore&jquery=jquery'
      }
    ]
  }
}
	import React from 'react';

	const Greeter = ({name,place}) => (
	<h1>Hello,{name}. Welcome to the {place}.</h1>
	);

	export default Greeter;
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>Simple Webpack Configuration</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
	<body>
	module.exports = {
	entry:'./app.js',
	output:{
	filename:'bundle.js',
	path:'./build'
	},
	module:{
	loaders:[
	{
	test:/\.scss$/,
	require('expose?gapiCallback!./google-client-code');
	require('expose?gmapsCallback!./google-maps-code');

	$script('https://maps.googleapis.com/maps/api/js?onload=window.gapiCallback','google-maps');
	$script('https://apis.google.com/js/client.js?callback=window.gmapsCallback','google-api');
	"scripts": {
	"lint": "eslint . ./test",
	"build": "cross-env NODE_ENV=dev webpack",
	"build:server": "cross-env NODE_ENV=dev webpack-dev-server",
	"test": "cross-env NODE_ENV=test karma start"
	}
	module.exports = {
	entry:’./app.js’,
	output:{
	filename:’bundle.js’,
	path:’./build’
	},
	module:{
	loaders:[
	{
	test:regexp_here,
	{
	module: {
	loaders: [
	{ test: /underscore/, loader: 'exports?_' }
	{ test: /backbone/,
	loader: 'exports?Backbone!imports?underscore=underscore&jquery=jquery'
	}
	]
	}
	}