minimal config

Jimmydalecleveland · Nov 20, 2020 · 7c34dfd · 7c34dfd
commit 7c34dfd
Show file tree

Hide file tree

Showing 12 changed files with 5,781 additions and 0 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env"]
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Webpack Testing</title>
+</head>
+<body>
+ <script src="./main.js"></script> 
+</body>
+</html>
diff --git a/dist/main.js b/dist/main.js
diff --git a/dist/main.js.map b/dist/main.js.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "webpack-setup",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "start": "webpack serve",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "NODE_ENV=production webpack --watch",
+    "build-dev": "webpack --watch"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "webpack": "^5.4.0",
+    "webpack-cli": "^4.2.0",
+    "webpack-dev-server": "^3.11.0"
+  },
+  "dependencies": {
+    "@babel/core": "^7.12.3",
+    "@babel/preset-env": "^7.12.1",
+    "babel-loader": "^8.2.1"
+  }
+}
diff --git a/src/barbarian.js b/src/barbarian.js
@@ -0,0 +1 @@
+export const barbarian = "Hjulmar"
diff --git a/src/getClasses.js b/src/getClasses.js
@@ -0,0 +1,10 @@
+import { wizard } from './wizard'
+import { barbarian } from './barbarian'
+
+function getClasses() {
+  console.log("get classes was called")
+  console.log(wizard)
+  console.log(barbarian)
+}
+
+export default getClasses
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1,13 @@
+import getClasses from './getClasses'
+
+console.log("ran from index.js")
+getClasses()
+
+const obj = { a: 'alpha', b: 'bravo' }
+
+// ES7 Object spread test
+const newObj = { ...obj, c: 'charlie' }
+console.log(newObj)
+
+// ES8 Object.values test
+console.log(Object.values(newObj));
diff --git a/src/wizard.js b/src/wizard.js
@@ -0,0 +1 @@
+export const wizard = "Ravalynn"
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,31 @@
+const path = require('path')
+
+const mode = process.env.NODE_ENV === 'production' ? 'production' : 'development'
+
+module.exports = {
+  // mode defaults to 'production' if not set
+  mode: mode,
+
+  // entry not required if using `src/index.js` default
+  // output not required if using `dist/main.js` default
+
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: {
+          // without additional settings, this will reference .babelrc
+          loader: 'babel-loader'
+        }
+      }
+    ]
+  },
+
+  devtool: 'source-map',
+
+  // required if using webpack-dev-server
+  devServer: {
+    contentBase: './dist'
+  }
+}