feat(vue): Add nsc vue build to compile multiple project with vue-cli/webpack

Author: Romakita

packages/cli-plugin-vue/index.js

@@ -1,2 +1,55 @@
-/* eslint-disable no-unused-vars */
-module.exports = (api, config) => {};
+/* eslint-disable no-unused-vars,no-case-declarations */
+const path = require('path');
+const { info, chalk, warn } = require('@vue/cli-shared-utils');
+const fs = require('fs');
+const multipleBuild = require('./src/command/multiple-build');
+
+module.exports = (api, config) => {
+  api.registerCommand(
+    'vue',
+    {
+      usage: '<build|check> <pattern> [options]',
+      description: 'Build multiple vue app',
+      options: {
+        '-e, --execute <cmd>': {
+          type: String,
+          description: 'Run command to build a vue application'
+        }
+      }
+    },
+    async (commander, args) => {
+      const [mode = 'build', pattern = path.join(config.projectDir, '**')] = args;
+
+      switch (mode) {
+        case 'build':
+          info(`Starting build vue app...`);
+
+          await multipleBuild(config, {
+            cmd: commander.execute || 'vue-cli-service build --mode production',
+            pattern
+          });
+          break;
+
+        case 'check':
+          const { entries } = config.vueCli;
+
+          info(`Check entries for currentWebsite ${chalk.cyan(config.currentWebsite)}`);
+
+          entries.forEach(entry => {
+            entry.paths.forEach(file => {
+              if (!fs.existsSync(file)) {
+                warn(`Entry is KO: ${chalk.red(file)}`);
+                process.exit(-1);
+              }
+            });
+          });
+
+          info(`Entries is ok for the currentWebsite ${chalk.cyan(config.currentWebsite)}`);
+          break;
+
+        default:
+          break;
+      }
+    }
+  );
+};

packages/cli-plugin-vue/package-lock.json

@@ -10,7 +10,9 @@
     "@vue/cli-service": "^3.1.1",
     "@vue/cli-shared-utils": "^3.1.1"
   },
-  "dependencies": {},
+  "dependencies": {
+    "gulp-tap": "^1.0.1"
+  },
   "directories": {
     "src": "./src"
   }

packages/cli-plugin-vue/package.json

@@ -0,0 +1,40 @@
+const path = require('path');
+const gulp = require('gulp');
+const tap = require('gulp-tap');
+const { info, chalk } = require('@vue/cli-shared-utils');
+const execa = require('execa');
+
+module.exports = (config, options) =>
+  gulp.src(options.pattern).pipe(
+    tap(projectFolder => {
+      const currentWebsite = path.basename(projectFolder.path);
+
+      try {
+        execa.sync('nsc', ['vue', 'check', '--currentWebsite', currentWebsite], {
+          shell: true,
+          env: {
+            FORCE_COLOR: true
+          },
+          stdio: 'inherit'
+        });
+      } catch (er) {
+        return;
+      }
+
+      info(`Start build Project ${chalk.cyan(currentWebsite)}`);
+
+      let cmd = `${options.cmd}${options.cmd.match(/^npm/) ? ' -- ' : ''} --currentWebsite ${currentWebsite}`;
+      cmd = cmd.split(' ');
+
+      const task = cmd[0];
+      const args = cmd.splice(1).filter(t => !!t);
+
+      execa.sync(task, args, {
+        shell: true,
+        env: {
+          FORCE_COLOR: true
+        },
+        stdio: 'inherit'
+      });
+    })
+  );

packages/cli-plugin-vue/src/command/multiple-build.js

@@ -33,7 +33,6 @@ module.exports = (config, baseVueConfig) => {
   } else {
     Object.keys(alias).forEach(key => {
       const search = new RegExp(key.replace(/@/, '~'), 'gi');
-      info(search.toString());
       sass.data = sass.data.replace(search, alias[key]);
     });
   }