@nx/web 18.0.0-beta.1 → 18.0.0-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/web",
-  "version": "18.0.0-beta.1",
+  "version": "18.0.0-beta.3",
   "private": false,
   "description": "The Nx Plugin for Web Components contains generators for managing Web Component applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Jest, Cypress, and Storybook.\n\n- Scaffolding for creating buildable libraries that can be published to npm.\n\n- Utilities for automatic workspace refactoring.",
   "repository": {
@@ -34,9 +34,9 @@
     "detect-port": "^1.5.1",
     "http-server": "^14.1.0",
     "tslib": "^2.3.0",
-    "@nx/devkit": "18.0.0-beta.1",
-    "@nx/js": "18.0.0-beta.1",
-    "@nrwl/web": "18.0.0-beta.1"
+    "@nx/devkit": "18.0.0-beta.3",
+    "@nx/js": "18.0.0-beta.3",
+    "@nrwl/web": "18.0.0-beta.3"
   },
   "publishConfig": {
     "access": "public"

package/src/generators/application/application.js

@@ -31,6 +31,7 @@ function createApplicationFiles(tree, options) {
             rootTsConfigPath: (0, js_1.getRelativePathToRootTsConfig)(tree, options.appProjectRoot),
             webpackPluginOptions: (0, has_webpack_plugin_1.hasWebpackPlugin)(tree)
                 ? {
+                    compiler: options.compiler,
                     target: 'web',
                     outputPath: (0, devkit_1.joinPathFragments)('dist', options.appProjectRoot != '.'
                         ? options.appProjectRoot
@@ -67,6 +68,7 @@ async function setupBundler(tree, options) {
             devServer: true,
             webpackConfig: (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'webpack.config.js'),
             skipFormat: true,
+            addPlugin: options.addPlugin,
         });
         const project = (0, devkit_1.readProjectConfiguration)(tree, options.projectName);
         if (project.targets.build) {
@@ -141,6 +143,7 @@ function setDefaults(tree, options) {
 }
 async function applicationGenerator(host, schema) {
     return await applicationGeneratorInternal(host, {
+        addPlugin: false,
         projectNameAndRootFormat: 'derived',
         ...schema,
     });
@@ -178,6 +181,7 @@ async function applicationGeneratorInternal(host, schema) {
             includeVitest: options.unitTestRunner === 'vitest',
             inSourceTests: options.inSourceTests,
             skipFormat: true,
+            addPlugin: options.addPlugin,
         });
         tasks.push(viteTask);
         createOrEditViteConfig(host, {
@@ -195,6 +199,7 @@ async function applicationGeneratorInternal(host, schema) {
             coverageProvider: 'v8',
             inSourceTests: options.inSourceTests,
             skipFormat: true,
+            addPlugin: options.addPlugin,
         });
         tasks.push(vitestTask);
         createOrEditViteConfig(host, {
@@ -219,6 +224,7 @@ async function applicationGeneratorInternal(host, schema) {
             unitTestRunner: options.unitTestRunner,
             skipFormat: true,
             setParserOptionsProject: options.setParserOptionsProject,
+            addPlugin: options.addPlugin,
         });
         tasks.push(lintTask);
     }
@@ -261,6 +267,7 @@ async function applicationGeneratorInternal(host, schema) {
             setParserOptionsProject: options.setParserOptionsProject,
             webServerCommand: `${(0, devkit_1.getPackageManagerCommand)().exec} nx serve ${options.name}`,
             webServerAddress: 'http://localhost:4200',
+            addPlugin: options.addPlugin,
         });
         tasks.push(playwrightTask);
     }
@@ -272,6 +279,7 @@ async function applicationGeneratorInternal(host, schema) {
             setupFile: 'web-components',
             compiler: options.compiler,
             skipFormat: true,
+            addPlugin: options.addPlugin,
         });
         tasks.push(jestTask);
     }
@@ -312,6 +320,7 @@ async function normalizeOptions(host, options) {
         callingGenerator: '@nx/web:application',
     });
     options.projectNameAndRootFormat = projectNameAndRootFormat;
+    options.addPlugin ??= process.env.NX_ADD_PLUGINS !== 'false';
     const e2eProjectName = `${appProjectName}-e2e`;
     const e2eProjectRoot = `${appProjectRoot}-e2e`;
     const npmScope = (0, get_npm_scope_1.getNpmScope)(host);

package/src/generators/application/files/app-webpack/webpack.config.js__tmpl__

@@ -12,6 +12,7 @@ module.exports = {
   plugins: [
     new NxWebpackPlugin({
       tsConfig: '<%= webpackPluginOptions.tsConfig %>',
+      compiler: '<%= webpackPluginOptions.compiler %>',
       main: '<%= webpackPluginOptions.main %>',
       index: '<%= webpackPluginOptions.index %>',
       baseHref: '<%= webpackPluginOptions.baseHref %>',

package/src/generators/application/schema.d.ts

@@ -17,4 +17,5 @@ export interface Schema {
   linter?: Linter;
   standaloneConfig?: boolean;
   setParserOptionsProject?: boolean;
+  addPlugin?: boolean;
 }