feat: service plugin order

Author: fangbinwei

packages/@vue/cli-service/lib/Service.js

@@ -7,7 +7,7 @@ const PluginAPI = require('./PluginAPI')
 const dotenv = require('dotenv')
 const dotenvExpand = require('dotenv-expand')
 const defaultsDeep = require('lodash.defaultsdeep')
-const { chalk, warn, error, isPlugin, resolvePluginId, loadModule, resolvePkg, resolveModule } = require('@vue/cli-shared-utils')
+const { chalk, warn, error, isPlugin, resolvePluginId, loadModule, resolvePkg, resolveModule, sortPluginsByStage, arrangePlugins } = require('@vue/cli-shared-utils')
 
 const { defaults, validate } = require('./options')
 const checkWebpack = require('@vue/cli-service/lib/util/checkWebpack')
@@ -161,7 +161,14 @@ module.exports = class Service {
       './config/css',
       './config/prod',
       './config/app'
-    ].map((id) => idToPlugin(id))
+    ].map((id) => {
+      const plugin = idToPlugin(id)
+      if (typeof plugin.apply.stage !== 'number') {
+        // plugin 'stage' is 100 by default, built-in plugins have a higher priority
+        plugin.apply.stage = 0
+      }
+      return plugin
+    })
 
     if (inlinePlugins) {
       plugins = useBuiltIn !== false
@@ -213,8 +220,13 @@ module.exports = class Service {
         apply: loadModule(`./${file}`, this.pkgContext)
       })))
     }
+    const stagePlugins = sortPluginsByStage(plugins)
+    debug('vue:stage-plugins')(stagePlugins)
+
+    const orderedPlugins = arrangePlugins(stagePlugins)
+    debug('vue:ordered-plugins')(orderedPlugins)
 
-    return plugins
+    return orderedPlugins
   }
 
   async run (name, args = {}, rawArgv = []) {

packages/@vue/cli-shared-utils/lib/pluginOrder.js

@@ -43,7 +43,7 @@ function getOrderParams (plugin) {
  * @param {Array<Plugin>} plugins
  * @param {Plugin} item
  */
-exports.insertPluginByStage = (plugins, item) => {
+function insertPluginByStage (plugins, item) {
   const { stage } = getOrderParams(item)
 
   let i = plugins.length
@@ -61,6 +61,20 @@ exports.insertPluginByStage = (plugins, item) => {
   plugins[i] = item
 }
 
+/**
+ *
+ * @param {Array<Plugin>} plugins
+ * @returns {Array<Plugin>}
+ */
+function sortPluginsByStage (plugins) {
+  const sorted = []
+  plugins.forEach(p => {
+    insertPluginByStage(sorted, p)
+  })
+
+  return sorted
+}
+
 /**
  * See leetcode 210
  * @param {Array<Plugin>} plugins
@@ -120,15 +134,14 @@ function topologicalSorting (plugins) {
   // return valid ? res : []
   return valid ? res : plugins
 }
-exports.topologicalSorting = topologicalSorting
 
 /**
  * Plugins should be sorted by 'stage' property firstly.
  * Arrange plugins by 'after' property.
  * @param {Array<Plugin>} plugins
  * @returns {Array<Plugin>}
  */
-exports.arrangePlugins = (plugins) => {
+function arrangePlugins (plugins) {
   if (plugins.length < 2) return plugins
 
   /** @type {Array<Plugin>} */
@@ -151,3 +164,10 @@ exports.arrangePlugins = (plugins) => {
   })
   return res
 }
+
+module.exports = {
+  insertPluginByStage,
+  sortPluginsByStage,
+  topologicalSorting,
+  arrangePlugins
+}

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

@@ -389,8 +389,14 @@ module.exports = class Creator extends EventEmitter {
 
       insertPluginByStage(plugins, { id, apply, options })
     }
+
+    debug('vue-cli:stage-plugins')(plugins)
+
     // arrange plugins by 'after' property
-    return arrangePlugins(plugins)
+    const orderedPlugins = arrangePlugins(plugins)
+    debug('vue-cli:ordered-plugins')(orderedPlugins)
+
+    return orderedPlugins
   }
 
   getPresets () {