RedHatter · August 12, 2017 20:35
diff --git a/child.vue b/child.vue
 <template>
  <div>test</div>
 </template>
diff --git a/display.js b/display.js
 const Vue = require('vue/dist/vue.common.js')

 let app = new Vue({
  el: '#mount',
  components: {
    Child: require('./child.vue')
  }
 })
diff --git a/index.html b/index.html
 <html>
  <head>
    <title>Vue Test</title>
  </head>
  <body>
    <div id="mount">
      <child></child>
    </div>
    <script src="bundle.js"></script>
  </body>
 </html>
diff --git a/package.json b/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"
 }
diff --git a/webpack.config.js b/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')
	}
	})
	{
	"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' } ]
	}
	}