title: Vue.js : "Invalid or unexpected token" when using webpack.DefinePlugin()
body: <p>Honestly.. i'm a bit new to node and process.env stuff.. There is probably a perfectly good explanation somewhere to what i'm asking but i haven't found it yet.. </p>
  
  <p><strong>The Task :</strong></p>
  
  <p>Storing username and password in a env.js file so i can check against those in my store.js file... </p>
  
  <p><strong>Current approach :</strong></p>
  
  <blockquote>
    <p>webpack.base.conf.js</p>
  </blockquote>
  
  <pre><code>'use strict'
  const path = require('path')
  const utils = require('./utils')
  const config = require('../config')
  const vueLoaderConfig = require('./vue-loader.conf')
  var webpack = require('webpack');
  
  function resolve (dir) {
    return path.join(__dirname, '..', dir)
  }
  
  module.exports = {
    plugins: [
      new webpack.DefinePlugin({
        'process.env': {
          loginEmail: "xxxxx",
          loginPw: "xxxxxx"
        }
      })
    ],
  .... rest is default/unchanged
  </code></pre>
  
  <p><strong>Error :</strong> </p>
  
  <p><a href="https://i.stack.imgur.com/iX58L.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iX58L.png" alt="enter image description here"></a></p>
  
  <p>I haven't gotten to the part where i actually access the process.env.loginEmail yet, but i assume it's like this (either in component or store.js) : </p>
  
  <pre><code>console.log("Process listings ==&gt;")
  console.log("loginEmail : " + process.env.loginEmail)
  </code></pre>