feat(ncc): Add start a watched build.

Author: jaywcjlove

example/bundle-node/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "build": "npm run bundle && npm run bundle:min",
     "bundle": "ncc build src/app.ts",
-    "watch": "ncc start src/app.ts",
+    "watch": "ncc watch src/app.ts",
     "bundle:min": "ncc build src/app.ts -m"
   },
   "repository": {

packages/ncc/README.md

@@ -37,7 +37,7 @@ Outputs the `Node.js` compact build of `input.js` into `dist/input.js`.
 ## Commands
 
 ```bash
-Usage: ncc [build] [input-file] [--help|h]
+Usage: ncc [build|watch] [input-file] [--help|h]
 
 Displays help information.
 
@@ -47,6 +47,8 @@ Options:
   --help, -h            Displays help information.
   -o, --out [dir]       Output directory for build (defaults to dist).
   -m, --minify          Minify output.
+  -t, --target          Instructs webpack to target a specific environment (defaults to node14).
+  -l, --library         Output a library exposing the exports of your entry point. The parameter "--target=web" works.
   -s, --source-map      Generate source map.
   -e, --external [mod]  Skip bundling 'mod'. Can be used many times.
 
@@ -55,7 +57,9 @@ Example:
   $ ncc build
   $ ncc build --out ./dist
   $ ncc build --minify
+  $ ncc watch --minify
   $ ncc build src/app.ts
+  $ ncc build --target web --library MyLibrary
   $ ncc build --source-map
 ```
 

packages/ncc/src/index.ts

@@ -2,7 +2,7 @@
 import minimist from 'minimist';
 import path from 'path';
 import fs from 'fs-extra';
-import { BuildArgs, build } from 'kkt';
+import { BuildArgs, build, start } from 'kkt';
 import { overridePaths } from 'kkt/lib/overrides/paths';
 import { sync as gzipSize } from 'gzip-size';
 import filesize from 'filesize';
@@ -11,7 +11,7 @@ import { filterPlugins, removeLoaders } from './utils';
 
 function help() {
   const { version } = require('../package.json');
-  console.log('\n  Usage: \x1b[34;1mncc\x1b[0m [build] [input-file] [--help|h]');
+  console.log('\n  Usage: \x1b[34;1mncc\x1b[0m [build|watch] [input-file] [--help|h]');
   console.log('\n  Displays help information.');
   console.log('\n  Options:\n');
   console.log('   --version, -v        ', 'Show version number');
@@ -32,6 +32,7 @@ function help() {
   console.log('   $ \x1b[35mncc\x1b[0m build');
   console.log('   $ \x1b[35mncc\x1b[0m build --out ./dist');
   console.log('   $ \x1b[35mncc\x1b[0m build --minify');
+  console.log('   $ \x1b[35mncc\x1b[0m watch --minify');
   console.log('   $ \x1b[35mncc\x1b[0m build src/app.ts');
   console.log(`   $ \x1b[35mncc\x1b[0m build --target web --library MyLibrary`);
   console.log(`   $ \x1b[35mncc\x1b[0m build --source-map`);
@@ -125,6 +126,7 @@ process.on('exit', (code) => {
 
     argvs.out = argvs.o = path.resolve(argvs.out || argvs.o || 'dist');
     argvs.minify = argvs.m = argvs.minify || argvs.m || false;
+    // argvs.watch = argvs.w = argvs.watch || argvs.w || false;
 
     const scriptName = argvs._[0];
     const inputFile = path.resolve(argvs._[1] || 'src/index.ts');
@@ -189,15 +191,23 @@ process.on('exit', (code) => {
       }
       return conf;
     };
+    data.minify = argvs.minify;
     if (scriptName === 'build') {
       await build({
         ...argvs,
         bundle: true,
         isNotCheckHTML: true,
         overridePaths: { ...oPaths },
       });
+    } else if (scriptName === 'watch') {
+      await start({
+        ...argvs,
+        watch: true,
+        bundle: true,
+        isNotCheckHTML: true,
+        overridePaths: { ...oPaths },
+      });
     }
-    data.minify = argvs.minify;
   } catch (error) {
     console.log('\x1b[31m KKT:NCC:ERROR:\x1b[0m', error);
   }