fix: supply argv to config with functions (#1721)

* fix: supply argv to config with functions

* tests: add tests for argv in config

Author: anshumanv

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

@@ -83,6 +83,7 @@ class ConfigGroup extends GroupHelper {
     }
 
     async finalize(moduleObj) {
+        const { argv } = this.args;
         const newOptionsObject = {
             outputOptions: {},
             options: {},
@@ -103,7 +104,7 @@ class ConfigGroup extends GroupHelper {
                     return envObject;
                 }, {});
             }
-            const newOptions = configOptions(formattedEnv);
+            const newOptions = configOptions(formattedEnv, argv);
             // When config function returns a promise, resolve it, if not it's resolved by default
             newOptionsObject['options'] = await Promise.resolve(newOptions);
         } else {
@@ -131,7 +132,6 @@ class ConfigGroup extends GroupHelper {
 
     async resolveConfigFiles() {
         const { config, mode } = this.args;
-
         if (config) {
             const configPath = resolve(process.cwd(), config);
             const configFiles = getConfigInfoFromFileName(configPath);

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

@@ -82,7 +82,7 @@ class WebpackCLI extends GroupHelper {
      *
      * @returns {void}
      */
-    resolveGroups() {
+    resolveGroups(parsedArgs) {
         let mode;
         // determine the passed mode for ConfigGroup
         if (this.groupMap.has(groups.ZERO_CONFIG_GROUP)) {
@@ -108,7 +108,7 @@ class WebpackCLI extends GroupHelper {
                 }
                 case groups.CONFIG_GROUP: {
                     const ConfigGroup = require('./groups/ConfigGroup');
-                    this.configGroup = new ConfigGroup([...value, { mode }]);
+                    this.configGroup = new ConfigGroup([...value, { mode }, { argv: parsedArgs }]);
                     break;
                 }
                 case groups.DISPLAY_GROUP: {
@@ -253,7 +253,7 @@ class WebpackCLI extends GroupHelper {
 
     async processArgs(args, cliOptions) {
         this.setMappedGroups(args, cliOptions);
-        this.resolveGroups();
+        this.resolveGroups(args);
         const groupResult = await this.runOptionGroups();
         return groupResult;
     }

test/config/type/function-with-argv/a.js

@@ -0,0 +1 @@
+console.log('Dio');

test/config/type/function-with-argv/function-with-argv.test.js

@@ -0,0 +1,15 @@
+'use strict';
+const { existsSync } = require('fs');
+const { resolve } = require('path');
+const { run } = require('../../../utils/test-utils');
+
+describe('function configuration', () => {
+    it('is able to understand a configuration file as a function', () => {
+        const { stderr, stdout } = run(__dirname, ['--mode', 'development'], false);
+        expect(stderr).toBeFalsy();
+        expect(stdout).toBeTruthy();
+        expect(stdout).toContain("argv: { config: null, color: true, mode: 'development' }");
+        // Should generate the appropriate files
+        expect(existsSync(resolve(__dirname, './dist/dev.js'))).toBeTruthy();
+    });
+});

test/config/type/function-with-argv/webpack.config.js

@@ -0,0 +1,10 @@
+module.exports = (env, argv) => {
+    console.log({ argv });
+    const { mode } = argv;
+    return {
+        entry: './a.js',
+        output: {
+            filename: mode === 'production' ? 'prod.js' : 'dev.js',
+        },
+    };
+};