feat(wip): implement generator execution order

Author: fangbinwei

packages/@vue/cli-plugin-typescript/generator/index.js

@@ -71,3 +71,5 @@ module.exports = (
 
   require('./convert')(api, { convertJsToTs })
 }
+
+module.exports.before = '@vue/cli-plugin-router'

packages/@vue/cli-service/generator/index.js

@@ -75,3 +75,5 @@ module.exports = (api, options) => {
     api.extendPackage(options.configs)
   }
 }
+
+module.exports.stage = 0

packages/@vue/cli/lib/Creator.js

@@ -4,7 +4,7 @@ const inquirer = require('inquirer')
 const EventEmitter = require('events')
 const Generator = require('./Generator')
 const cloneDeep = require('lodash.clonedeep')
-const sortObject = require('./util/sortObject')
+// const sortObject = require('./util/sortObject')
 const getVersions = require('./util/getVersions')
 const PackageManager = require('./util/ProjectPackageManager')
 const { clearConsole } = require('./util/clearConsole')
@@ -115,11 +115,11 @@ module.exports = class Creator extends EventEmitter {
     // Currently we rely on the `plugins` object enumeration order,
     // which depends on the order of the field initialization.
     // FIXME: Remove this ugly hack after the plugin ordering API settled down
-    if (preset.plugins['@vue/cli-plugin-router'] && preset.plugins['@vue/cli-plugin-typescript']) {
-      const tmp = preset.plugins['@vue/cli-plugin-typescript']
-      delete preset.plugins['@vue/cli-plugin-typescript']
-      preset.plugins['@vue/cli-plugin-typescript'] = tmp
-    }
+    // if (preset.plugins['@vue/cli-plugin-router'] && preset.plugins['@vue/cli-plugin-typescript']) {
+    //   const tmp = preset.plugins['@vue/cli-plugin-typescript']
+    //   delete preset.plugins['@vue/cli-plugin-typescript']
+    //   preset.plugins['@vue/cli-plugin-typescript'] = tmp
+    // }
 
     // legacy support for vuex
     if (preset.vuex) {
@@ -370,9 +370,15 @@ module.exports = class Creator extends EventEmitter {
   // { id: options } => [{ id, apply, options }]
   async resolvePlugins (rawPlugins, pkg) {
     // ensure cli-service is invoked first
-    rawPlugins = sortObject(rawPlugins, ['@vue/cli-service'], true)
+    // rawPlugins = sortObject(rawPlugins, ['@vue/cli-service'], true)
+    /**
+     * @typedef {{before?: string|Array<string>, _before: Set<string> stage?: number)}} GeneratorApply
+     * @type {Array<{id: string, apply: GeneratorApply, options: any}>}
+     */
     const plugins = []
+
     for (const id of Object.keys(rawPlugins)) {
+      /** @type {GeneratorApply}} */
       const apply = loadModule(`${id}/generator`, this.context) || (() => {})
       let options = rawPlugins[id] || {}
 
@@ -395,7 +401,35 @@ module.exports = class Creator extends EventEmitter {
         }
       }
 
-      plugins.push({ id, apply, options })
+      // TODO: define function in @vue/cli-shared-utils
+      if (typeof apply.before === 'string') {
+        apply._before = new Set([apply.before])
+      } else if (Array.isArray(apply.before)) {
+        apply._before = new Set(apply.before)
+      } else {
+        apply._before = new Set()
+      }
+
+      let stage = 100
+      if (typeof apply.stage === 'number') {
+        stage = apply.stage
+      }
+      let i = plugins.length
+      while (i > 0) {
+        i--
+        const x = plugins[i]
+        plugins[i + 1] = x
+        const xStage = x.apply.stage || 0
+        if (xStage > stage) {
+          continue
+        }
+        if (xStage === stage && !x.apply._before.has(id)) {
+          continue
+        }
+        i++
+        break
+      }
+      plugins[i] = { id, apply, options }
     }
     return plugins
   }