diff --git a/packages/angular_devkit/build_angular/src/angular-cli-files/plugins/common-js-usage-warn-plugin.ts b/packages/angular_devkit/build_angular/src/angular-cli-files/plugins/common-js-usage-warn-plugin.ts index 26f016fdd4c5..fded2024ba04 100644 --- a/packages/angular_devkit/build_angular/src/angular-cli-files/plugins/common-js-usage-warn-plugin.ts +++ b/packages/angular_devkit/build_angular/src/angular-cli-files/plugins/common-js-usage-warn-plugin.ts @@ -81,7 +81,8 @@ export class CommonJsUsageWarnPlugin { // And if the issuer request is not from 'webpack-dev-server', as 'webpack-dev-server' // will require CommonJS libraries for live reloading such as 'sockjs-node'. if (mainIssuer?.name === 'main' && !issuer?.userRequest?.includes('webpack-dev-server')) { - const warning = `${issuer?.userRequest} depends on ${rawRequest}. CommonJS or AMD dependencies can cause optimization bailouts.`; + const warning = `${issuer?.userRequest} depends on ${rawRequest}. CommonJS or AMD dependencies can cause optimization bailouts.\n` + + 'For more info see: https://web.dev/commonjs-larger-bundles'; // Avoid showing the same warning multiple times when in 'watch' mode. if (!this.shownWarnings.has(warning)) {