RedHatter/child.vue

## child.vue
<template>
  <div>test</div>
</template>

## display.js
const Vue = require('vue/dist/vue.common.js')

let app = new Vue({
  el: '#mount',
  components: {
    Child: require('./child.vue')
  }
})

## index.html
<html>
  <head>
    <title>Vue Test</title>
  </head>
  <body>
    <div id="mount">
      <child></child>
    </div>
    <script src="bundle.js"></script>
  </body>
</html>

## package.json
{
  "name": "vue-webpack-test",
  "version": "1.0.0",
  "description": "Simpilest Vue.js Webpack configuration.",
  "dependencies": {
    "css-loader": "^0.28.4",
    "vue": "^2.4.2",
    "vue-loader": "^13.0.4",
    "vue-template-compiler": "^2.4.2",
    "webpack": "^3.5.4"
  },
  "scripts": {
    "compile": "webpack"
  },
  "author": "Timothy Johnson",
  "license": "GPL-3.0"
}

## webpack.config.js
module.exports = {
  entry: __dirname + '/display.js',
  output: {
    filename: 'bundle.js'
  },
  module: {
    rules: [ { test: /\.vue$/, loader: 'vue-loader' } ]
  }
}
	const Vue = require('vue/dist/vue.common.js')

	let app = new Vue({
	el: '#mount',
	components: {
	Child: require('./child.vue')
	}
	})
	<html>
	<head>
	<title>Vue Test</title>
	</head>
	<body>
	<div id="mount">
	<child></child>
	</div>
	<script src="bundle.js"></script>
	</body>
	</html>
	{
	"name": "vue-webpack-test",
	"version": "1.0.0",
	"description": "Simpilest Vue.js Webpack configuration.",
	"dependencies": {
	"css-loader": "^0.28.4",
	"vue": "^2.4.2",
	"vue-loader": "^13.0.4",
	"vue-template-compiler": "^2.4.2",
	"webpack": "^3.5.4"
	},
	"scripts": {
	"compile": "webpack"
	},
	"author": "Timothy Johnson",
	"license": "GPL-3.0"
	}
	module.exports = {
	entry: __dirname + '/display.js',
	output: {
	filename: 'bundle.js'
	},
	module: {
	rules: [ { test: /\.vue$/, loader: 'vue-loader' } ]
	}
	}