feat: show up cli flag aliases with webpack help <arg>

packages/webpack-cli/lib/groups/HelpGroup.js

@@ -16,7 +16,8 @@ class HelpGroup {
 
             const { bold, underline } = chalk.white;
             const header = (head) => bold(underline(head));
-            const usage = chalk.keyword('orange')('webpack ' + options.usage);
+            const flagAlias = options.alias ? (isCommand ? ` ${options.alias} |` : ` -${options.alias},`) : '';
+            const usage = chalk.keyword('orange')(`webpack${flagAlias} ${options.usage}`);
             const description = options.description;
             const link = options.link;
 

packages/webpack-cli/lib/utils/cli-flags.js

@@ -21,7 +21,7 @@ module.exports = {
             name: 'init',
             alias: 'c',
             type: String,
-            usage: 'init | init <scaffold>',
+            usage: 'init [scaffold]',
             description: 'Initialize a new webpack configuration',
         },
         {

test/help/help-commands.test.js

@@ -17,7 +17,7 @@ describe('commands help', () => {
     it('gives precedence to earlier command in case of multiple commands', () => {
         const { stdout, stderr } = run(__dirname, ['--help', 'init', 'info'], false);
         expect(stdout).not.toContain(helpHeader);
-        expect(stdout).toContain('webpack init | init <scaffold>');
+        expect(stdout).toContain('webpack c | init [scaffold]');
         expect(stderr).toHaveLength(0);
     });
 });

test/help/help-flags.test.js

@@ -17,7 +17,7 @@ describe('commands help', () => {
     it('shows flag help with valid flag', () => {
         const { stdout, stderr } = run(__dirname, ['--help', '--merge'], false);
         expect(stdout).not.toContain(helpHeader);
-        expect(stdout).toContain('webpack --merge <path to configuration to be merged>');
+        expect(stdout).toContain('webpack -m, --merge <path to configuration to be merged>');
         expect(stderr).toHaveLength(0);
     });
 

test/help/help-multi-args.test.js

@@ -19,7 +19,7 @@ describe('help cmd with multiple arguments', () => {
     it('should output help for --version by taking precedence', () => {
         const { stdout, stderr } = run(__dirname, ['--help', '--version'], false);
         expect(stdout).not.toContain(helpHeader);
-        expect(stdout).toContain('webpack --version');
+        expect(stdout).toContain('webpack -v, --version');
         expect(stderr).toHaveLength(0);
     });
 });

test/info/info-help.test.js

@@ -11,7 +11,7 @@ const runInfo = (args) => {
 
 const infoFlags = commands.find((c) => c.name === 'info').flags;
 
-const usageText = 'webpack info [options]';
+const usageText = 'webpack i | info [options]';
 const descriptionText = 'Outputs information about your system and dependencies';
 
 describe('should print help for info command', () => {