feat: wip invoke command

Author: yyx990803

packages/@vue/cli-plugin-eslint/generator.js

@@ -1,4 +1,8 @@
 module.exports = (api, { config, lintOn = [] }) => {
+  if (typeof lintOn === 'string') {
+    lintOn = lintOn.split(',')
+  }
+
   const pkg = {
     scripts: {
       lint: 'vue-cli-service lint'

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

@@ -4,6 +4,10 @@ module.exports = (api, {
   lintOn = [],
   experimentalCompileTsWithBabel
 }) => {
+  if (typeof lintOn === 'string') {
+    lintOn = lintOn.split(',')
+  }
+
   if (classComponent) {
     api.extendPackage({
       devDependencies: {

packages/@vue/cli-plugin-unit-jest/generator/index.js

@@ -1,4 +1,4 @@
-module.exports = (api, options) => {
+module.exports = api => {
   api.render('./template')
   api.extendPackage({
     scripts: {

packages/@vue/cli-plugin-unit-mocha/generator/index.js

@@ -1,4 +1,4 @@
-module.exports = (api, options) => {
+module.exports = api => {
   api.render('./template')
 
   const devDependencies = {

packages/@vue/cli/bin/vue

@@ -5,6 +5,7 @@ const path = require('path')
 const slash = require('slash')
 const chalk = require('chalk')
 const semver = require('semver')
+const minimist = require('minimist')
 const { error } = require('@vue/cli-shared-utils')
 const requiredVersion = require('../package.json').engines.node
 
@@ -42,6 +43,14 @@ program
     require('../lib/create')(name, cleanArgs(cmd))
   })
 
+program
+  .command('invoke <plugin>')
+  .allowUnknownOption()
+  .description('invoke the generator of an installed plugin in an already created project')
+  .action((plugin) => {
+    require('../lib/invoke')(plugin, minimist(process.argv.slice(3)))
+  })
+
 program
   .command('serve [entry]')
   .description('serve a .js or vue file in development mode with zero config')
@@ -52,6 +61,9 @@ program
 
 program
   .command('build [entry]')
+  .option('-t, --target', 'Build target (app, lib, web-component). Default: app')
+  .option('-f, --format', 'How the lib is exposed (iife, amd, cjs, umd). Default: umd')
+  .option('-n, --name', 'Library name for umd export')
   .description('build a .js or .vue file in production mode with zero config')
   .action((entry, cmd) => {
     loadCommand('build', '@vue/cli-service-global').build(entry, cleanArgs(cmd))
@@ -76,6 +88,9 @@ program.commands.forEach(c => c.on('--help', () => console.log()))
 // enhance common error messages
 const enhanceErrorMessages = (methodName, log) => {
   program.Command.prototype[methodName] = function (...args) {
+    if (methodName === 'unknownOption' && this._allowUnknownOption) {
+      return
+    }
     this.outputHelp()
     console.log(`  ` + chalk.red(log(...args)))
     console.log()

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

@@ -0,0 +1,86 @@
+const fs = require('fs')
+const path = require('path')
+const chalk = require('chalk')
+const resolve = require('resolve')
+const Generator = require('./Generator')
+const {
+  log,
+  error,
+  logWithSpinner,
+  stopSpinner
+} = require('@vue/cli-shared-utils')
+
+async function invoke (pluginName, options) {
+  delete options._
+  const context = process.cwd()
+  const pkgPath = path.resolve(context, 'package.json')
+
+  if (!fs.existsSync(pkgPath)) {
+    error(`package.json not found in ${chalk.yellow(context)}`)
+    process.exit(1)
+  }
+
+  const pkg = require(pkgPath)
+
+  // attempt to locate the plugin in package.json
+  const findPlugin = deps => {
+    if (!deps) return
+    let name
+    if (deps[name = pluginName] ||
+        deps[name = `@vue/cli-plugin-${pluginName}`] ||
+        deps[name = `vue-cli-plugin-${pluginName}`]) {
+      return name
+    }
+  }
+  const resolvedPluginName = (
+    findPlugin(pkg.devDependencies) ||
+    findPlugin(pkg.dependencies)
+  )
+
+  if (!resolvedPluginName) {
+    error(`Cannot resolve plugin ${chalk.yellow(pluginName)} from package.json.`)
+    process.exit(1)
+  }
+
+  const generatorURI = `${resolvedPluginName}/generator`
+  const generatorPath = resolve.sync(generatorURI, { basedir: context })
+  const plugin = {
+    id: resolvedPluginName,
+    apply: require(generatorPath),
+    options
+  }
+
+  const createCompleteCbs = []
+  const generator = new Generator(
+    context,
+    pkg,
+    [plugin],
+    createCompleteCbs
+  )
+
+  await generator.generate()
+
+  // TODO check if package.json was changed,
+  // if yes installDeps
+  logWithSpinner('📦', `Installing additional dependencies...`)
+
+  if (createCompleteCbs.lenght) {
+    logWithSpinner('⚓', `Running completion hooks...`)
+    for (const cb of createCompleteCbs) {
+      await cb()
+    }
+  }
+
+  stopSpinner()
+  log()
+  log(`  Successfully invoked generator for plugin: ${chalk.cyan(resolvedPluginName)}`)
+  log(`  You should review and commit the changes.`)
+  log()
+}
+
+module.exports = (pluginName, options) => {
+  invoke(pluginName, options).catch(err => {
+    error(err)
+    process.exit(1)
+  })
+}

packages/@vue/cli/package.json

@@ -37,6 +37,7 @@
     "inquirer": "^4.0.1",
     "isbinaryfile": "^3.0.2",
     "klaw-sync": "^3.0.2",
+    "minimist": "^1.2.0",
     "mkdirp": "^0.5.1",
     "resolve": "^1.5.0",
     "rimraf": "^2.6.2",

scripts/testChanged.js

@@ -12,7 +12,7 @@ const additionalArgs = process.argv.slice(2)
 
   if (!files.length) {
     console.log(
-      `No changed src files found.\n` +
+      `No modified & unstaged src files found.\n` +
       `To run the full test suite, run ${chalk.cyan(`yarn test-all`)} instead.`
     )
     return