@nx/webpack 23.1.0-rc.2 → 23.1.0

package/dist/src/plugins/generate-package-json-plugin.d.ts

@@ -1,4 +1,4 @@
-import { type Compiler, type WebpackPluginInstance } from 'webpack';
+import type { Compiler, WebpackPluginInstance } from 'webpack';
 import { type ProjectGraph } from '@nx/devkit';
 export declare class GeneratePackageJsonPlugin implements WebpackPluginInstance {
     private readonly options;

package/dist/src/plugins/generate-package-json-plugin.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GeneratePackageJsonPlugin = void 0;
 const tslib_1 = require("tslib");
 const fs = tslib_1.__importStar(require("fs"));
-const webpack_1 = require("webpack");
 const js_1 = require("@nx/js");
 const devkit_1 = require("@nx/devkit");
 const pluginName = 'GeneratePackageJsonPlugin';
@@ -25,6 +24,7 @@ class GeneratePackageJsonPlugin {
         return runtimeDependencies;
     }
     apply(compiler) {
+        const { sources } = require('webpack');
         compiler.hooks.thisCompilation.tap(pluginName, (compilation) => {
             compilation.hooks.processAssets.tap({
                 name: pluginName,
@@ -55,7 +55,7 @@ class GeneratePackageJsonPlugin {
                     ...packageJson.dependencies,
                     ...runtimeDependencies,
                 };
-                compilation.emitAsset('package.json', new webpack_1.sources.RawSource((0, devkit_1.serializeJson)(packageJson)));
+                compilation.emitAsset('package.json', new sources.RawSource((0, devkit_1.serializeJson)(packageJson)));
                 const packageManager = (0, devkit_1.detectPackageManager)(this.options.root);
                 if (packageManager === 'bun') {
                     compilation
@@ -63,7 +63,7 @@ class GeneratePackageJsonPlugin {
                         .warn('Bun lockfile generation is not supported. Only package.json will be generated.');
                 }
                 else {
-                    compilation.emitAsset((0, js_1.getLockFileName)(packageManager), new webpack_1.sources.RawSource((0, js_1.createLockFile)(packageJson, this.options.projectGraph, packageManager)));
+                    compilation.emitAsset((0, js_1.getLockFileName)(packageManager), new sources.RawSource((0, js_1.createLockFile)(packageJson, this.options.projectGraph, packageManager)));
                 }
             });
         });

package/dist/src/plugins/nx-typescript-webpack-plugin/nx-tsconfig-paths-webpack-plugin.d.ts

@@ -1,4 +1,4 @@
-import { Compiler, type Configuration, type WebpackOptionsNormalized } from 'webpack';
+import type { Compiler, Configuration, WebpackOptionsNormalized } from 'webpack';
 import { NormalizedNxAppWebpackPluginOptions } from '../nx-webpack-plugin/nx-app-webpack-plugin-options';
 export declare class NxTsconfigPathsWebpackPlugin {
     private options;

package/dist/src/plugins/nx-webpack-plugin/lib/apply-base-config.d.ts

@@ -1,4 +1,4 @@
-import { Configuration, WebpackOptionsNormalized } from 'webpack';
+import type { Configuration, WebpackOptionsNormalized } from 'webpack';
 import { NormalizedNxAppWebpackPluginOptions } from '../nx-app-webpack-plugin-options';
 export declare function applyBaseConfig(options: NormalizedNxAppWebpackPluginOptions, config?: Partial<WebpackOptionsNormalized | Configuration>, { useNormalizedEntry, }?: {
     useNormalizedEntry?: boolean;

package/dist/src/plugins/nx-webpack-plugin/lib/apply-base-config.js

@@ -3,9 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.applyBaseConfig = applyBaseConfig;
 const tslib_1 = require("tslib");
 const path = tslib_1.__importStar(require("path"));
-const license_webpack_plugin_1 = require("license-webpack-plugin");
-const copy_webpack_plugin_1 = tslib_1.__importDefault(require("copy-webpack-plugin"));
-const webpack_1 = require("webpack");
 const js_1 = require("@nx/js");
 const stats_json_plugin_1 = require("../../stats-json-plugin");
 const generate_package_json_plugin_1 = require("../../generate-package-json-plugin");
@@ -13,8 +10,6 @@ const hash_format_1 = require("../../../utils/hash-format");
 const nx_tsconfig_paths_webpack_plugin_1 = require("../../nx-typescript-webpack-plugin/nx-tsconfig-paths-webpack-plugin");
 const get_terser_ecma_version_1 = require("./get-terser-ecma-version");
 const compiler_loaders_1 = require("./compiler-loaders");
-const TerserPlugin = require("terser-webpack-plugin");
-const nodeExternals = require("webpack-node-externals");
 const internal_1 = require("@nx/js/internal");
 const utils_1 = require("./utils");
 const IGNORED_WEBPACK_WARNINGS = [
@@ -43,6 +38,7 @@ function applyBaseConfig(options, config = {}, { useNormalizedEntry, } = {}) {
     applyNxDependentConfig(options, config, { useNormalizedEntry });
 }
 function applyNxIndependentConfig(options, config) {
+    const TerserPlugin = require('terser-webpack-plugin');
     const hashFormat = (0, hash_format_1.getOutputHashFormat)(options.outputHashing);
     config.context = path.join(options.root, options.projectRoot);
     config.target ??= options.target;
@@ -199,6 +195,10 @@ function applyNxIndependentConfig(options, config) {
     config.externals ??= [];
 }
 function applyNxDependentConfig(options, config, { useNormalizedEntry } = {}) {
+    const { ProgressPlugin } = require('webpack');
+    const { LicenseWebpackPlugin } = require('license-webpack-plugin');
+    const CopyWebpackPlugin = require('copy-webpack-plugin');
+    const nodeExternals = require('webpack-node-externals');
     const tsConfig = options.tsConfig ?? (0, js_1.getRootTsConfigPath)();
     const plugins = [];
     const executorContext = {
@@ -283,10 +283,10 @@ function applyNxDependentConfig(options, config, { useNormalizedEntry } = {}) {
         }
     });
     if (options.progress) {
-        plugins.push(new webpack_1.ProgressPlugin({ profile: options.verbose }));
+        plugins.push(new ProgressPlugin({ profile: options.verbose }));
     }
     if (options.extractLicenses) {
-        plugins.push(new license_webpack_plugin_1.LicenseWebpackPlugin({
+        plugins.push(new LicenseWebpackPlugin({
             stats: {
                 warnings: false,
                 errors: false,
@@ -296,7 +296,7 @@ function applyNxDependentConfig(options, config, { useNormalizedEntry } = {}) {
         }));
     }
     if (Array.isArray(options.assets) && options.assets.length > 0) {
-        plugins.push(new copy_webpack_plugin_1.default({
+        plugins.push(new CopyWebpackPlugin({
             patterns: options.assets.map((asset) => {
                 return {
                     context: asset.input,

package/dist/src/plugins/nx-webpack-plugin/lib/apply-web-config.d.ts

@@ -1,4 +1,4 @@
-import { Configuration, WebpackOptionsNormalized } from 'webpack';
+import type { Configuration, WebpackOptionsNormalized } from 'webpack';
 import { NormalizedNxAppWebpackPluginOptions } from '../nx-app-webpack-plugin-options';
 export declare function applyWebConfig(options: NormalizedNxAppWebpackPluginOptions, config?: Partial<WebpackOptionsNormalized | Configuration>, { useNormalizedEntry, }?: {
     useNormalizedEntry?: boolean;

package/dist/src/plugins/nx-webpack-plugin/lib/apply-web-config.js

@@ -3,19 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.applyWebConfig = applyWebConfig;
 const tslib_1 = require("tslib");
 const path = tslib_1.__importStar(require("path"));
-const webpack_subresource_integrity_1 = require("webpack-subresource-integrity");
-const webpack_1 = require("webpack");
 const write_index_html_plugin_1 = require("../../write-index-html-plugin");
 const hash_format_1 = require("../../../utils/hash-format");
 const get_client_environment_1 = require("../../../utils/get-client-environment");
 const normalize_entry_1 = require("../../../utils/webpack/normalize-entry");
 const stylesheet_loaders_1 = require("./stylesheet-loaders");
 const instantiate_script_plugins_1 = require("./instantiate-script-plugins");
-const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 function applyWebConfig(options, config = {}, { useNormalizedEntry, } = {}) {
     if (global.NX_GRAPH_CREATION)
         return;
+    const { DefinePlugin, ids } = require('webpack');
+    const { SubresourceIntegrityPlugin } = require('webpack-subresource-integrity');
+    const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+    const MiniCssExtractPlugin = require('mini-css-extract-plugin');
     // Defaults that was applied from executor schema previously.
     options.runtimeChunk ??= true; // need this for HMR and other things to work
     options.extractCss ??= true;
@@ -42,16 +42,16 @@ function applyWebConfig(options, config = {}, { useNormalizedEntry, } = {}) {
         }));
     }
     if (options.subresourceIntegrity) {
-        plugins.push(new webpack_subresource_integrity_1.SubresourceIntegrityPlugin());
+        plugins.push(new SubresourceIntegrityPlugin());
     }
-    const minimizer = [new webpack_1.ids.HashedModuleIdsPlugin()];
+    const minimizer = [new ids.HashedModuleIdsPlugin()];
     if (stylesOptimization) {
         minimizer.push(new CssMinimizerPlugin({
             test: /\.(?:css|scss|sass|less)$/,
         }));
     }
     if (!options.ssr) {
-        plugins.push(new webpack_1.DefinePlugin((0, get_client_environment_1.getClientEnvironment)(process.env.NODE_ENV).stringified));
+        plugins.push(new DefinePlugin((0, get_client_environment_1.getClientEnvironment)(process.env.NODE_ENV).stringified));
     }
     const entries = {};
     const globalStylePaths = [];

package/dist/src/plugins/nx-webpack-plugin/lib/instantiate-script-plugins.d.ts

@@ -1,3 +1,3 @@
-import { WebpackPluginInstance } from 'webpack';
+import type { WebpackPluginInstance } from 'webpack';
 import { NormalizedNxAppWebpackPluginOptions } from '../nx-app-webpack-plugin-options';
 export declare function instantiateScriptPlugins(options: NormalizedNxAppWebpackPluginOptions): WebpackPluginInstance[];

package/dist/src/plugins/nx-webpack-plugin/lib/stylesheet-loaders.js

@@ -7,11 +7,11 @@ const tslib_1 = require("tslib");
 const path = tslib_1.__importStar(require("path"));
 const autoprefixer = require("autoprefixer");
 const postcssImports = require("postcss-import");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const get_css_module_local_ident_1 = require("../../../utils/get-css-module-local-ident");
 const hash_format_1 = require("../../../utils/hash-format");
 const postcss_cli_resources_1 = require("../../../utils/webpack/plugins/postcss-cli-resources");
 function getCommonLoadersForCssModules(options, includePaths) {
+    const MiniCssExtractPlugin = require('mini-css-extract-plugin');
     // load component css as raw strings
     return [
         {
@@ -42,6 +42,7 @@ function getCommonLoadersForCssModules(options, includePaths) {
     ];
 }
 function getCommonLoadersForGlobalCss(options, includePaths) {
+    const MiniCssExtractPlugin = require('mini-css-extract-plugin');
     return [
         {
             loader: options.extractCss
@@ -61,6 +62,7 @@ function getCommonLoadersForGlobalCss(options, includePaths) {
     ];
 }
 function getCommonLoadersForGlobalStyle(options, includePaths) {
+    const MiniCssExtractPlugin = require('mini-css-extract-plugin');
     return [
         {
             loader: options.extractCss

package/dist/src/plugins/nx-webpack-plugin/nx-app-webpack-plugin.d.ts

@@ -1,4 +1,4 @@
-import { Compiler } from 'webpack';
+import type { Compiler } from 'webpack';
 import { NxAppWebpackPluginOptions } from './nx-app-webpack-plugin-options';
 /**
  * This plugin provides features to build Node and Web applications.

package/dist/src/plugins/nx-webpack-plugin/nx-app-webpack-plugin.js

@@ -2,8 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NxAppWebpackPlugin = void 0;
 const normalize_options_1 = require("./lib/normalize-options");
-const apply_base_config_1 = require("./lib/apply-base-config");
-const apply_web_config_1 = require("./lib/apply-web-config");
 /**
  * This plugin provides features to build Node and Web applications.
  * - TS support (including tsconfig paths)
@@ -22,20 +20,23 @@ class NxAppWebpackPlugin {
         }
     }
     apply(compiler) {
+        // Lazy-required so a generator can load this without the webpack bundler.
+        const { applyBaseConfig } = require('./lib/apply-base-config');
+        const { applyWebConfig } = require('./lib/apply-web-config');
         // Defaults to 'web' if not specified to match Webpack's default.
         const target = this.options.target ?? compiler.options.target ?? 'web';
         this.options.outputPath ??= compiler.options.output?.path;
         if (typeof target === 'string') {
             this.options.target = target;
         }
-        (0, apply_base_config_1.applyBaseConfig)(this.options, compiler.options, {
+        applyBaseConfig(this.options, compiler.options, {
             useNormalizedEntry: true,
         });
         if (compiler.options.target) {
             this.options.target = compiler.options.target;
         }
         if (this.options.target === 'web' || this.options.target === 'webworker') {
-            (0, apply_web_config_1.applyWebConfig)(this.options, compiler.options, {
+            applyWebConfig(this.options, compiler.options, {
                 useNormalizedEntry: true,
             });
         }

package/dist/src/plugins/stats-json-plugin.d.ts

@@ -1,4 +1,4 @@
-import { Compiler } from 'webpack';
+import type { Compiler } from 'webpack';
 export declare class StatsJsonPlugin {
     apply(compiler: Compiler): void;
 }

package/dist/src/plugins/stats-json-plugin.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StatsJsonPlugin = void 0;
-const webpack_1 = require("webpack");
 class StatsJsonPlugin {
     apply(compiler) {
+        const { sources } = require('webpack');
         compiler.hooks.emit.tap('StatsJsonPlugin', (compilation) => {
             const data = JSON.stringify(compilation.getStats().toJson('verbose'));
-            compilation.assets[`stats.json`] = new webpack_1.sources.RawSource(data);
+            compilation.assets[`stats.json`] = new sources.RawSource(data);
         });
     }
 }

package/dist/src/plugins/write-index-html-plugin.d.ts

@@ -1,4 +1,4 @@
-import { Compiler } from 'webpack';
+import type { Compiler } from 'webpack';
 import { ExtraEntryPoint } from '../utils/models';
 export interface WriteIndexHtmlOptions {
     indexPath: string;

package/dist/src/plugins/write-index-html-plugin.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WriteIndexHtmlPlugin = void 0;
-const tslib_1 = require("tslib");
-const webpack = tslib_1.__importStar(require("webpack"));
 const crypto_1 = require("crypto");
 const fs_1 = require("fs");
 const interpolate_env_variables_to_index_1 = require("../utils/webpack/interpolate-env-variables-to-index");
@@ -14,6 +12,7 @@ class WriteIndexHtmlPlugin {
         this.options = options;
     }
     apply(compiler) {
+        const webpack = require('webpack');
         const { outputPath, indexPath, baseHref, deployUrl, sri = false, scripts = [], styles = [], crossOrigin, } = this.options;
         compiler.hooks.thisCompilation.tap('WriteIndexHtmlPlugin', (compilation) => {
             compilation.hooks.processAssets.tap({
@@ -71,6 +70,7 @@ class WriteIndexHtmlPlugin {
         return data.replace(/^\uFEFF/, '');
     }
     augmentIndexHtml(params) {
+        const webpack = require('webpack');
         const { loadOutputFile, files, moduleFiles = [], entrypoints } = params;
         let { crossOrigin = 'none' } = params;
         if (params.sri && crossOrigin === 'none') {

package/dist/src/utils/config.d.ts

@@ -1,5 +1,5 @@
 import { ExecutorContext } from '@nx/devkit';
-import { Configuration } from 'webpack';
+import type { Configuration } from 'webpack';
 import { NormalizedWebpackExecutorOptions } from '../executors/webpack/schema';
 export declare const nxWebpackComposablePlugin = "nxWebpackComposablePlugin";
 export declare function isNxWebpackComposablePlugin(a: unknown): a is AsyncNxComposableWebpackPlugin;

package/dist/src/utils/create-copy-plugin.d.ts

@@ -1,3 +1,2 @@
-import CopyWebpackPlugin from 'copy-webpack-plugin';
 import { AssetGlobPattern } from '../executors/webpack/schema';
-export declare function createCopyPlugin(assets: AssetGlobPattern[]): CopyWebpackPlugin;
+export declare function createCopyPlugin(assets: AssetGlobPattern[]): import("copy-webpack-plugin");

package/dist/src/utils/create-copy-plugin.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createCopyPlugin = createCopyPlugin;
-const tslib_1 = require("tslib");
-const copy_webpack_plugin_1 = tslib_1.__importDefault(require("copy-webpack-plugin"));
 function createCopyPlugin(assets) {
-    return new copy_webpack_plugin_1.default({
+    const CopyWebpackPlugin = require('copy-webpack-plugin');
+    return new CopyWebpackPlugin({
         patterns: assets.map((asset) => {
             return {
                 context: asset.input,

package/dist/src/utils/webpack/plugins/postcss-cli-resources.d.ts

@@ -1,4 +1,4 @@
-import { LoaderContext } from 'webpack';
+import type { LoaderContext } from 'webpack';
 export interface PostcssCliResourcesOptions {
     baseHref?: string;
     deployUrl?: string;

package/dist/src/utils/webpack/plugins/scripts-webpack-plugin.d.ts

@@ -1,4 +1,4 @@
-import * as webpack from 'webpack';
+import type * as Webpack from 'webpack';
 export interface ScriptsWebpackPluginOptions {
     name: string;
     sourceMap: boolean;
@@ -13,5 +13,5 @@ export declare class ScriptsWebpackPlugin {
     constructor(options?: Partial<ScriptsWebpackPluginOptions>);
     shouldSkip(compilation: any, scripts: string[]): boolean;
     private _insertOutput;
-    apply(compiler: webpack.Compiler): void;
+    apply(compiler: Webpack.Compiler): void;
 }

package/dist/src/utils/webpack/plugins/scripts-webpack-plugin.js

@@ -4,9 +4,6 @@ exports.ScriptsWebpackPlugin = void 0;
 const tslib_1 = require("tslib");
 const loader_utils_1 = require("loader-utils");
 const path = tslib_1.__importStar(require("path"));
-const webpack = tslib_1.__importStar(require("webpack"));
-const Chunk = require('webpack/lib/Chunk');
-const EntryPoint = require('webpack/lib/Entrypoint');
 function addDependencies(compilation, scripts) {
     for (const script of scripts) {
         compilation.fileDependencies.add(script);
@@ -36,6 +33,8 @@ class ScriptsWebpackPlugin {
         return true;
     }
     _insertOutput(compilation, { filename, source }, cached = false) {
+        const Chunk = require('webpack/lib/Chunk');
+        const EntryPoint = require('webpack/lib/Entrypoint');
         const chunk = new Chunk(this.options.name);
         chunk.rendered = !cached;
         chunk.id = this.options.name;
@@ -62,6 +61,7 @@ class ScriptsWebpackPlugin {
         if (!this.options.scripts || this.options.scripts.length === 0) {
             return;
         }
+        const webpack = require('webpack');
         const scripts = this.options.scripts
             .filter((script) => !!script)
             .map((script) => path.resolve(this.options.basePath || '', script));

package/dist/src/utils/webpack/read-webpack-options.d.ts

@@ -1,4 +1,4 @@
-import { Configuration } from 'webpack';
+import type { Configuration } from 'webpack';
 /**
  * Reads the webpack options from a give webpack configuration. The configuration can be:
  * 1. A standard config object

package/dist/src/utils/with-nx.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withNx = withNx;
-const apply_base_config_1 = require("../plugins/nx-webpack-plugin/lib/apply-base-config");
 const normalize_options_1 = require("../plugins/nx-webpack-plugin/lib/normalize-options");
 const deprecation_1 = require("./deprecation");
 const processed = new Set();
@@ -18,7 +17,9 @@ function withNx(pluginOptions = {}) {
     return function configure(config, { options, context }) {
         if (processed.has(config))
             return config;
-        (0, apply_base_config_1.applyBaseConfig)({
+        // Lazy-required so importing this module does not load the webpack bundler.
+        const { applyBaseConfig } = require('../plugins/nx-webpack-plugin/lib/apply-base-config');
+        applyBaseConfig({
             ...options,
             ...pluginOptions,
             target: options.target ?? 'web',

package/dist/src/utils/with-web.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withWeb = withWeb;
-const apply_web_config_1 = require("../plugins/nx-webpack-plugin/lib/apply-web-config");
 const deprecation_1 = require("./deprecation");
 const processed = new Set();
 /**
@@ -17,7 +16,9 @@ function withWeb(pluginOptions = {}) {
     return function configure(config, { options, context }) {
         if (processed.has(config))
             return config;
-        (0, apply_web_config_1.applyWebConfig)({
+        // Lazy-required so importing this module does not load the webpack bundler.
+        const { applyWebConfig } = require('../plugins/nx-webpack-plugin/lib/apply-web-config');
+        applyWebConfig({
             ...options,
             ...pluginOptions,
             projectName: context.projectName,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/webpack",
-  "version": "23.1.0-rc.2",
+  "version": "23.1.0",
   "private": false,
   "type": "commonjs",
   "files": [
@@ -118,8 +118,8 @@
     "tslib": "^2.3.0",
     "webpack-node-externals": "^3.0.0",
     "webpack-subresource-integrity": "^5.1.0",
-    "@nx/devkit": "23.1.0-rc.2",
-    "@nx/js": "23.1.0-rc.2"
+    "@nx/devkit": "23.1.0",
+    "@nx/js": "23.1.0"
   },
   "peerDependencies": {
     "webpack": "^5.0.0",
@@ -138,7 +138,7 @@
     }
   },
   "devDependencies": {
-    "nx": "23.1.0-rc.2"
+    "nx": "23.1.0"
   },
   "publishConfig": {
     "access": "public"