Initial commit

var $ = require('jquery');

console.log('hello world');

$(function () {

  $(document.body).append('<div>').text('hello webpack');

});

<!DOCTYPE html>

  <html lang="en">

  <head>

    <meta charset="UTF-8">

    <title>Webpack Video</title>

  </head>

  <body>

    <script src="build/app-bundle.js"></script>

  </body>

</html>

{

  "name": "webpack-config",

  "version": "1.0.0",

  "description": "",

  "main": "index.js",

  "scripts": {

    "webpack": "webpack --watch --progress --colors"

  },

  "author": "Adam Bretz",

  "license": "ISC",

  "dependencies": {

    "babel-polyfill": "6.2.x",

    "jquery": "2.1.x",

    "webpack": "1.12.x"

  }

}

const config = {

  entry: {

    app: ['babel-polyfill','./client/js/app']

  },

  output: {

    path: './build',

    filename: '[name]-bundle.js'

  },

  devtool: 'source-map',

  module: {},

  resolve: {

    extension: ['', '.js'],

    modulesDirectories: ['node_modules']

  }

};

module.exports = config;

class Person {

  constructor(name, age) {

    Object.assign(this, { name, age });

  }

}

const man = new Person('walter white', 52);

const {name, age} = man;

console.log(`${name} is ${age} years old!`);

const view = require('raw!jade-html?pretty=false!../views/index.jade');

console.log(view);

document.body.innerHTML = view;