feat: perfect migrate to @vue/cli-service, upgrade vue babel version (#1267)

* feat: perfect migrate to @vue/cli-service, upgrade vue babel version 1. update to @vue/cli-service@3.0.5, @babel/core@7.0.0 2. use vue-cli service replace config file in build/ and config/ 3. upgrade vue and babel configuration 4. solve the svg-sprite config problem #980 refs: #932 #1087 #980 #1056 * fix: fix breadcrumb dependency * fix: fix index template and static assets load with vue-cli 3 * fix: fix import driver.js in guide page * refactor(mock): mak mock api compatible with both web-view and webpack server 1. 把 Mockjs 功能移到 server 端中间件，同时也兼容前端直接劫持 XHR 2. dev 环境下默认作为 express 中间件通过 webpack server 提供 mock api 3. prod 构建时，默认在前端用 Mockjs 劫持 XHR benefits: - dev 开发调试时能直接看到 XHR 请求，方便调试网络，能和后端对接联调 - 避开在开发时因为 Mockjs 引起的网络 bug - prod 构建时劫持 XHR，保证本项目的 Github Pages preview 能正常显示 (逻辑和 error-log 一样) - 前后台使用的 mock 是同一份代码，不会增加维护负担 ref: [#562](https://github.com/PanJiaChen/vue-element-admin/issues/562#issuecomment-378116233) * update requires the lowest version of node * add favicon * fix(TreeTable): fix `Array.prototype.concat` on custom-tree-table page
2018-10-29 13:55:36 +08:00
parent 6c967f177a
commit 40a7626acb
71 changed files with 211 additions and 893 deletions
--- a/vue.config.js
+++ b/vue.config.js
@@ -0,0 +1,60 @@
+'use strict'
+require('@babel/register')
+const path = require('path')
+const bodyParser = require('body-parser')
+
+function resolve(dir) {
+  return path.join(__dirname, dir)
+}
+
+module.exports = {
+  devServer: {
+    open: true,
+    proxy: {
+      '/api': {
+        target: 'http://localhost:8080/mock',
+        changeOrigin: true,
+        pathRewrite: {
+          '^/api': ''
+        }
+      }
+    },
+    after(app) {
+      // parse app.body
+      // http://expressjs.com/en/4x/api.html#req.body
+      app.use(bodyParser.json())
+      app.use(bodyParser.urlencoded({ extended: true }))
+
+      // import ES2015 module from common.js module
+      const { default: mocks } = require('./mock')
+      for (const mock of mocks) {
+        app.all(mock.route, mock.response)
+      }
+    }
+  },
+  configureWebpack: {
+    resolve: {
+      alias: {
+        '$@': resolve('src/components')
+      }
+    },
+    module: {
+      rules: [
+        {
+          test: /\.svg$/,
+          loader: 'svg-sprite-loader',
+          include: [resolve('src/icons')],
+          options: {
+            symbolId: 'icon-[name]'
+          }
+        }
+      ]
+    }
+  },
+  chainWebpack(config) {
+    config.module
+      .rule('svg')
+      .exclude.add(resolve('src/icons'))
+      .end()
+  }
+}