purdrew · September 14, 2017 19:50
diff --git a/index.html b/index.html
 <html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    </head>
    <body>
    <script src="bundle.js"></script>
    </body>
 </html>
diff --git a/index.js b/index.js
 import _ from 'lodash'

 function component() {
    var element = document.createElement('div');
    element.innerHTML = _.join(['Hello', 'webpack'], ' ');

    return element;
 }

 document.body.appendChild(component());
diff --git a/package.json b/package.json
 {
  "name": "testbug",
  "version": "0.0.1",
  "description": "Test Bug",
  "license": "UNLICENSED",
  "main": "bundle.js",
  "scripts": {
    "start": "webpack-dev-server"
  },
  "engines": {
    "node": ">=6.7.0",
    "npm": ">=3.10.0"
  },
  "devDependencies": {
    "webpack": "^2.2.0",
    "webpack-dev-server": "^2.8.0"
  },
  "dependencies": {
    "lodash": "^4.17.4"
  }
 }
diff --git a/webpack.config.js b/webpack.config.js
 module.exports = {
    entry: './index.js',
    output: 'bundle.js',
    devtool: 'eval-source-map',
    devServer: {
        port: 8000,
        host: '0.0.0.0',
        stats: 'errors-only'
    }
 };
	<html>
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	</head>
	<body>
	<script src="bundle.js"></script>
	</body>
	</html>
	import _ from 'lodash'

	function component() {
	var element = document.createElement('div');
	element.innerHTML = _.join(['Hello', 'webpack'], ' ');

	return element;
	}

	document.body.appendChild(component());