This is my first commit

7 years ago · bd90b2f5bc
commit bd90b2f5bc
7 changed files with 7905 additions and 0 deletions
--- a/.babelrc
+++ b/.babelrc
@ -0,0 +1,3 @@
+{
+  "presets": ["env"]
+}
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,2 @@
+dist/
+node_modules/
--- a/index.html
+++ b/index.html
@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title></title>
+  </head>
+  <body>
+    <div @click="printDirp" id="app">
+      {{ message }}
+    </div>
+    <script type="text/javascript" src="dist/bundle.js">
+    </script>
+  </body>
+</html>
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,21 @@
+{
+  "name": "revue",
+  "version": "1.0.0",
+  "description": "Reviewing Vue concepts",
+  "main": "app.js",
+  "dependencies": {
+    "vue": "^2.5.16"
+  },
+  "devDependencies": {
+    "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.4",
+    "babel-preset-env": "^1.6.1",
+    "webpack": "^4.2.0",
+    "webpack-cli": "^2.0.13"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "drew@androiddrew.com",
+  "license": "MIT"
+}
--- a/src/app.js
+++ b/src/app.js
@ -0,0 +1,23 @@
+import Vue from 'vue'
+
+const app = new Vue({
+  el: '#app',
+  data() {
+    return {
+      message: "Hello Vue",
+      users: []
+    }
+  },
+  created() {
+    console.log("Hey I just got created. Happy birthday to me!")
+    fetch('https://jsonplaceholder.typicode.com/users/')
+      .then(response => response.json())
+        .then(json => this.users = json)
+
+  },
+  methods: {
+    printDirp(){
+      console.log("Dirp")
+    }
+  }
+})
--- a/webpack.config.js
+++ b/webpack.config.js
@ -0,0 +1,22 @@
+
+
+
+module.exports = {
+	// entry: './app.js',
+	entry: './src/app.js',
+	mode: 'development',
+	output: {
+		filename: 'bundle.js'
+	},
+	module: {
+  rules: [
+    { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" }
+  ]
+},
+// because we aren't using vue loader
+resolve: {
+  alias: {
+    vue: 'vue/dist/vue.js'
+  }
+}
+}