title: Vue-cli-3: Add babel transpile and minify/obfuscate
body: <p>I am running a project created with vue-cli-3 which uses webpack4. I am new to all this and cannot for the life of me figure out how to have my code transpiled to ES5 code and have it minified/obfuscated. There seems to be absolutely zero documentation on this subject... Can someone help me out?? I want to transpile for IE11 and newer browsers.</p>
  
  <p>package.json</p>
  
  <pre><code>{
    "name": "dashboard",
    "version": "0.1.0",
    "private": true,
    "scripts": {
      "serve": "vue-cli-service serve",
      "build": "vue-cli-service build",
      "lint": "vue-cli-service lint",
      "test:e2e": "vue-cli-service test:e2e",
      "test:unit": "vue-cli-service test:unit"
    },
    "dependencies": {
      "papaparse": "^4.6.2",
      "vue": "^2.5.17",
      "vue-router": "^3.0.1",
      "vuetify": "^1.3.0",
      "vuex": "^3.0.1"
    },
    "devDependencies": {
      "@vue/cli-plugin-babel": "^3.1.1",
      "@vue/cli-plugin-e2e-nightwatch": "^3.1.1",
      "@vue/cli-plugin-eslint": "^3.1.1",
      "@vue/cli-plugin-unit-jest": "^3.1.1",
      "@vue/cli-service": "^3.1.1",
      "@vue/eslint-config-prettier": "^4.0.0",
      "@vue/test-utils": "^1.0.0-beta.20",
      "babel-core": "7.0.0-bridge.0",
      "babel-eslint": "^10.0.1",
      "babel-jest": "^23.6.0",
      "eslint": "^5.8.0",
      "eslint-plugin-vue": "^5.0.0-0",
      "node-sass": "^4.9.0",
      "sass-loader": "^7.0.1",
      "stylus": "^0.54.5",
      "stylus-loader": "^3.0.1",
      "uglifyjs-webpack-plugin": "^2.0.1",
      "vue-cli-plugin-vuetify": "^0.4.5",
      "vue-template-compiler": "^2.5.17",
      "vuetify-loader": "^1.0.5"
    }
  }
  </code></pre>
  
  <p>babel.config.js</p>
  
  <pre><code>module.exports = {
    presets: [
      '@vue/app'
    ]
  }
  </code></pre>
  
  <p>vue.config.js</p>
  
  <pre><code>module.exports = {
    productionSourceMap: false
  }
  </code></pre>