chore: working destructuring

mrsteele · mrsteele · commit 947cb5cfda7a · 2018-11-20T14:24:13.000-05:00
diff --git a/package.json b/package.json
@@ -6,14 +6,17 @@
     "build": "webpack --mode production"
   },
   "devDependencies": {
+    "@babel/core": "^7.1.6",
+    "@babel/preset-env": "^7.1.6",
     "babel-core": "^6.26.3",
-    "babel-loader": "^7.1.4",
+    "babel-loader": "^8.0.4",
     "babel-preset-env": "^1.7.0",
-    "webpack-cli": "^2.1.3",
-    "webpack-dev-server": "^3.1.4"
+    "babel-preset-es2015": "^6.24.1",
+    "webpack": "^4.26.0",
+    "webpack-cli": "^3.1.2",
+    "webpack-dev-server": "^3.1.10"
   },
   "dependencies": {
-    "dotenv-webpack": "^1.5.5",
-    "webpack": "^4.8.3"
+    "dotenv-webpack": "^1.5.5"
   }
 }
diff --git a/src/.env.testing b/src/.env.testing
@@ -1,3 +1,3 @@
 TEST=TESTING
-TEST2=TESTING
-TEST_SECRET=TESTING
+TEST2=TESTING2
+TEST_SECRET=TESTINGX
diff --git a/src/index.js b/src/index.js
@@ -1,18 +1,5 @@
-// const { TEST, TEST2 } = process.env
-//
-// document.querySelector('body').innerHTML = `
-//   Structured: ${process.env.TEST}<br />
-//   Destructured: ${TEST}<br />
-//   <hr />
-//   Structured: ${process.env.TEST2}<br />
-//   Destructured: ${TEST2}<br />
-// `
-
-console.log('we are here')
+const { TEST, TEST2 } = process.env
 console.log('process.env', process.env)
-
-document.querySelector('body').innerHTML = `
-  env: ${process.env.TEST2}<br />
-  define: ${process.env.SUPERTEST}<br />
-  all: ${JSON.stringify(process.env)}
-`
+console.log('process.env.TEST', process.env.TEST)
+console.log('TEST', TEST)
+console.log('TEST2', TEST2)
diff --git a/webpack.config.js b/webpack.config.js
@@ -6,16 +6,21 @@ module.exports = {
   module: {
     rules: [
       {
-        loader: 'babel-loader',
-        test: path.join(__dirname, 'src')
+        test: /\.m?js$/,
+        exclude: /(node_modules|bower_components)/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: ['@babel/preset-env']
+          }
+        }
       }
     ]
   },
   plugins: [
     // new webpack.NoEmitOnErrorsPlugin(),
     new Dotenv({
-      path: path.resolve(__dirname, './src/.env.testing'),
-      systemvars: true
+      path: path.resolve(__dirname, './src/.env.testing')
     }),
     new webpack.DefinePlugin({
       'process.env.SUPERTEST': JSON.stringify('This is a test')
