fix(webpack): support webworker (#17136) (#17137)

Co-authored-by: Max Sagan - Yieldbroker <max.sagan@yieldbroker.com>

docs/generated/packages/webpack/executors/webpack.json

@@ -43,7 +43,7 @@
         "type": "string",
         "alias": "platform",
         "description": "Target platform for the build, same as the Webpack target option.",
-        "enum": ["node", "web"],
+        "enum": ["node", "web", "webworker"],
         "default": "web"
       },
       "deleteOutputPath": {

docs/generated/packages/webpack/generators/webpack-project.json

@@ -36,7 +36,7 @@
       "target": {
         "type": "string",
         "description": "Target platform for the build, same as the Webpack config option.",
-        "enum": ["node", "web"],
+        "enum": ["node", "web", "webworker"],
         "default": "web"
       },
       "skipFormat": {

packages/webpack/src/executors/webpack/lib/get-webpack-config.ts

@@ -20,8 +20,8 @@ export function getWebpackConfig(
 ): Configuration {
   const config: Configuration = {};
   const configure =
-    options.target === 'node'
-      ? withNx()
-      : composePluginsSync(withNx(), withWeb());
+    options.target === 'web'
+      ? composePluginsSync(withNx(), withWeb())
+      : withNx();
   return configure(config, { options, context });
 }

packages/webpack/src/executors/webpack/schema.d.ts

@@ -61,7 +61,7 @@ export interface WebpackExecutorOptions {
   runtimeChunk?: boolean;
   sourceMap?: boolean | 'hidden';
   statsJson?: boolean;
-  target?: 'node' | 'web';
+  target?: 'node' | 'web' | 'webworker';
   transformers?: TransformerEntry[];
   tsConfig: string;
   vendorChunk?: boolean;

packages/webpack/src/executors/webpack/schema.json

@@ -40,7 +40,7 @@
       "type": "string",
       "alias": "platform",
       "description": "Target platform for the build, same as the Webpack target option.",
-      "enum": ["node", "web"],
+      "enum": ["node", "web", "webworker"],
       "default": "web"
     },
     "deleteOutputPath": {

packages/webpack/src/generators/webpack-project/schema.d.ts

@@ -7,7 +7,7 @@ export interface WebpackProjectGeneratorSchema {
   skipFormat?: boolean;
   skipPackageJson?: boolean;
   skipValidation?: boolean;
-  target?: 'node' | 'web';
+  target?: 'node' | 'web' | 'webworker';
   webpackConfig?: string;
   babelConfig?: string;
 }

packages/webpack/src/generators/webpack-project/schema.json

@@ -36,7 +36,7 @@
     "target": {
       "type": "string",
       "description": "Target platform for the build, same as the Webpack config option.",
-      "enum": ["node", "web"],
+      "enum": ["node", "web", "webworker"],
       "default": "web"
     },
     "skipFormat": {

packages/webpack/src/generators/webpack-project/webpack-project.ts

@@ -75,14 +75,14 @@ function addBuildTarget(tree: Tree, options: WebpackProjectGeneratorSchema) {
     buildOptions.babelUpwardRootMode = true;
   }
 
-  if (options.target === 'node') {
+  if (options.target === 'web') {
     tree.write(
       joinPathFragments(project.root, 'webpack.config.js'),
       `
-const { composePlugins, withNx } = require('@nx/webpack');
+const { composePlugins, withNx, withWeb } = require('@nx/webpack');
 
 // Nx plugins for webpack.
-module.exports = composePlugins(withNx(), (config) => {
+module.exports = composePlugins(withNx(), withWeb(), (config) => {
   // Update the webpack config as needed here.
   // e.g. \`config.plugins.push(new MyPlugin())\`
   return config;
@@ -93,10 +93,10 @@ module.exports = composePlugins(withNx(), (config) => {
     tree.write(
       joinPathFragments(project.root, 'webpack.config.js'),
       `
-const { composePlugins, withNx, withWeb } = require('@nx/webpack');
+const { composePlugins, withNx } = require('@nx/webpack');
 
 // Nx plugins for webpack.
-module.exports = composePlugins(withNx(), withWeb(), (config) => {
+module.exports = composePlugins(withNx(), (config) => {
   // Update the webpack config as needed here.
   // e.g. \`config.plugins.push(new MyPlugin())\`
   return config;