next
Version:
The React Framework
312 lines (311 loc) • 15.7 kB
JavaScript
import { stringBufferUtils } from 'next/dist/compiled/webpack-sources3';
import { red } from '../../lib/picocolors';
import formatWebpackMessages from '../../client/components/react-dev-overlay/utils/format-webpack-messages';
import { nonNullable } from '../../lib/non-nullable';
import { COMPILER_NAMES, CLIENT_STATIC_FILES_RUNTIME_MAIN_APP, APP_CLIENT_INTERNALS, PHASE_PRODUCTION_BUILD } from '../../shared/lib/constants';
import { runCompiler } from '../compiler';
import * as Log from '../output/log';
import getBaseWebpackConfig, { loadProjectInfo } from '../webpack-config';
import { TelemetryPlugin } from '../webpack/plugins/telemetry-plugin/telemetry-plugin';
import { NextBuildContext, resumePluginState, getPluginState } from '../build-context';
import { createEntrypoints } from '../entries';
import loadConfig from '../../server/config';
import { getTraceEvents, initializeTraceState, setGlobal, trace } from '../../trace';
import { WEBPACK_LAYERS } from '../../lib/constants';
import { TraceEntryPointsPlugin } from '../webpack/plugins/next-trace-entrypoints-plugin';
import origDebug from 'next/dist/compiled/debug';
import { Telemetry } from '../../telemetry/storage';
import { durationToString } from '../duration-to-string';
const debug = origDebug('next:build:webpack-build');
function isTelemetryPlugin(plugin) {
return plugin instanceof TelemetryPlugin;
}
function isTraceEntryPointsPlugin(plugin) {
return plugin instanceof TraceEntryPointsPlugin;
}
export async function webpackBuildImpl(compilerName) {
var _clientConfig_plugins, _serverConfig_plugins;
let result = {
warnings: [],
errors: [],
stats: []
};
let webpackBuildStart;
const nextBuildSpan = NextBuildContext.nextBuildSpan;
const dir = NextBuildContext.dir;
const config = NextBuildContext.config;
process.env.NEXT_COMPILER_NAME = compilerName || 'server';
const runWebpackSpan = nextBuildSpan.traceChild('run-webpack-compiler');
const entrypoints = await nextBuildSpan.traceChild('create-entrypoints').traceAsyncFn(()=>createEntrypoints({
buildId: NextBuildContext.buildId,
config: config,
envFiles: NextBuildContext.loadedEnvFiles,
isDev: false,
rootDir: dir,
pageExtensions: config.pageExtensions,
pagesDir: NextBuildContext.pagesDir,
appDir: NextBuildContext.appDir,
pages: NextBuildContext.mappedPages,
appPaths: NextBuildContext.mappedAppPages,
previewMode: NextBuildContext.previewProps,
rootPaths: NextBuildContext.mappedRootPaths,
hasInstrumentationHook: NextBuildContext.hasInstrumentationHook
}));
const commonWebpackOptions = {
isServer: false,
isCompileMode: NextBuildContext.isCompileMode,
buildId: NextBuildContext.buildId,
encryptionKey: NextBuildContext.encryptionKey,
config: config,
appDir: NextBuildContext.appDir,
pagesDir: NextBuildContext.pagesDir,
rewrites: NextBuildContext.rewrites,
originalRewrites: NextBuildContext.originalRewrites,
originalRedirects: NextBuildContext.originalRedirects,
reactProductionProfiling: NextBuildContext.reactProductionProfiling,
noMangling: NextBuildContext.noMangling,
clientRouterFilters: NextBuildContext.clientRouterFilters,
previewModeId: NextBuildContext.previewModeId,
allowedRevalidateHeaderKeys: NextBuildContext.allowedRevalidateHeaderKeys,
fetchCacheKeyPrefix: NextBuildContext.fetchCacheKeyPrefix
};
const configs = await runWebpackSpan.traceChild('generate-webpack-config').traceAsyncFn(async ()=>{
const info = await loadProjectInfo({
dir,
config: commonWebpackOptions.config,
dev: false
});
return Promise.all([
getBaseWebpackConfig(dir, {
...commonWebpackOptions,
middlewareMatchers: entrypoints.middlewareMatchers,
runWebpackSpan,
compilerType: COMPILER_NAMES.client,
entrypoints: entrypoints.client,
...info
}),
getBaseWebpackConfig(dir, {
...commonWebpackOptions,
runWebpackSpan,
middlewareMatchers: entrypoints.middlewareMatchers,
compilerType: COMPILER_NAMES.server,
entrypoints: entrypoints.server,
...info
}),
getBaseWebpackConfig(dir, {
...commonWebpackOptions,
runWebpackSpan,
middlewareMatchers: entrypoints.middlewareMatchers,
compilerType: COMPILER_NAMES.edgeServer,
entrypoints: entrypoints.edgeServer,
edgePreviewProps: {
__NEXT_PREVIEW_MODE_ID: NextBuildContext.previewProps.previewModeId,
__NEXT_PREVIEW_MODE_ENCRYPTION_KEY: NextBuildContext.previewProps.previewModeEncryptionKey,
__NEXT_PREVIEW_MODE_SIGNING_KEY: NextBuildContext.previewProps.previewModeSigningKey
},
...info
})
]);
});
const clientConfig = configs[0];
const serverConfig = configs[1];
const edgeConfig = configs[2];
if (clientConfig.optimization && (clientConfig.optimization.minimize !== true || clientConfig.optimization.minimizer && clientConfig.optimization.minimizer.length === 0)) {
Log.warn(`Production code optimization has been disabled in your project. Read more: https://nextjs.org/docs/messages/minification-disabled`);
}
webpackBuildStart = process.hrtime();
debug(`starting compiler`, compilerName);
// We run client and server compilation separately to optimize for memory usage
await runWebpackSpan.traceAsyncFn(async ()=>{
var _inputFileSystem_purge;
if (config.experimental.webpackMemoryOptimizations) {
stringBufferUtils.disableDualStringBufferCaching();
stringBufferUtils.enterStringInterningRange();
}
// Run the server compilers first and then the client
// compiler to track the boundary of server/client components.
let clientResult = null;
// During the server compilations, entries of client components will be
// injected to this set and then will be consumed by the client compiler.
let serverResult = null;
let edgeServerResult = null;
let inputFileSystem;
if (!compilerName || compilerName === 'server') {
debug('starting server compiler');
const start = Date.now();
[serverResult, inputFileSystem] = await runCompiler(serverConfig, {
runWebpackSpan,
inputFileSystem
});
debug(`server compiler finished ${Date.now() - start}ms`);
}
if (!compilerName || compilerName === 'edge-server') {
debug('starting edge-server compiler');
const start = Date.now();
[edgeServerResult, inputFileSystem] = edgeConfig ? await runCompiler(edgeConfig, {
runWebpackSpan,
inputFileSystem
}) : [
null
];
debug(`edge-server compiler finished ${Date.now() - start}ms`);
}
// Only continue if there were no errors
if (!(serverResult == null ? void 0 : serverResult.errors.length) && !(edgeServerResult == null ? void 0 : edgeServerResult.errors.length)) {
const pluginState = getPluginState();
for(const key in pluginState.injectedClientEntries){
const value = pluginState.injectedClientEntries[key];
const clientEntry = clientConfig.entry;
if (key === APP_CLIENT_INTERNALS) {
clientEntry[CLIENT_STATIC_FILES_RUNTIME_MAIN_APP] = {
import: [
// TODO-APP: cast clientEntry[CLIENT_STATIC_FILES_RUNTIME_MAIN_APP] to type EntryDescription once it's available from webpack
// @ts-expect-error clientEntry['main-app'] is type EntryDescription { import: ... }
...clientEntry[CLIENT_STATIC_FILES_RUNTIME_MAIN_APP].import,
value
],
layer: WEBPACK_LAYERS.appPagesBrowser
};
} else {
clientEntry[key] = {
dependOn: [
CLIENT_STATIC_FILES_RUNTIME_MAIN_APP
],
import: value,
layer: WEBPACK_LAYERS.appPagesBrowser
};
}
}
if (!compilerName || compilerName === 'client') {
debug('starting client compiler');
const start = Date.now();
[clientResult, inputFileSystem] = await runCompiler(clientConfig, {
runWebpackSpan,
inputFileSystem
});
debug(`client compiler finished ${Date.now() - start}ms`);
}
}
if (config.experimental.webpackMemoryOptimizations) {
stringBufferUtils.exitStringInterningRange();
}
inputFileSystem == null ? void 0 : (_inputFileSystem_purge = inputFileSystem.purge) == null ? void 0 : _inputFileSystem_purge.call(inputFileSystem);
result = {
warnings: [
...(clientResult == null ? void 0 : clientResult.warnings) ?? [],
...(serverResult == null ? void 0 : serverResult.warnings) ?? [],
...(edgeServerResult == null ? void 0 : edgeServerResult.warnings) ?? []
].filter(nonNullable),
errors: [
...(clientResult == null ? void 0 : clientResult.errors) ?? [],
...(serverResult == null ? void 0 : serverResult.errors) ?? [],
...(edgeServerResult == null ? void 0 : edgeServerResult.errors) ?? []
].filter(nonNullable),
stats: [
clientResult == null ? void 0 : clientResult.stats,
serverResult == null ? void 0 : serverResult.stats,
edgeServerResult == null ? void 0 : edgeServerResult.stats
]
};
});
result = nextBuildSpan.traceChild('format-webpack-messages').traceFn(()=>formatWebpackMessages(result, true));
const telemetryPlugin = (_clientConfig_plugins = clientConfig.plugins) == null ? void 0 : _clientConfig_plugins.find(isTelemetryPlugin);
const traceEntryPointsPlugin = (_serverConfig_plugins = serverConfig.plugins) == null ? void 0 : _serverConfig_plugins.find(isTraceEntryPointsPlugin);
const webpackBuildEnd = process.hrtime(webpackBuildStart);
if (result.errors.length > 0) {
// Only keep the first few errors. Others are often indicative
// of the same problem, but confuse the reader with noise.
if (result.errors.length > 5) {
result.errors.length = 5;
}
let error = result.errors.filter(Boolean).join('\n\n');
console.error(red('Failed to compile.\n'));
if (error.indexOf('private-next-pages') > -1 && error.indexOf('does not contain a default export') > -1) {
const page_name_regex = /'private-next-pages\/(?<page_name>[^']*)'/;
const parsed = page_name_regex.exec(error);
const page_name = parsed && parsed.groups && parsed.groups.page_name;
throw Object.defineProperty(new Error(`webpack build failed: found page without a React Component as default export in pages/${page_name}\n\nSee https://nextjs.org/docs/messages/page-without-valid-component for more info.`), "__NEXT_ERROR_CODE", {
value: "E164",
enumerable: false,
configurable: true
});
}
console.error(error);
console.error();
if (error.indexOf('private-next-pages') > -1 || error.indexOf('__next_polyfill__') > -1) {
const err = Object.defineProperty(new Error('webpack config.resolve.alias was incorrectly overridden. https://nextjs.org/docs/messages/invalid-resolve-alias'), "__NEXT_ERROR_CODE", {
value: "E70",
enumerable: false,
configurable: true
});
err.code = 'INVALID_RESOLVE_ALIAS';
throw err;
}
const err = Object.defineProperty(new Error(`Build failed because of ${process.env.NEXT_RSPACK ? 'rspack' : 'webpack'} errors`), "__NEXT_ERROR_CODE", {
value: "E661",
enumerable: false,
configurable: true
});
err.code = 'WEBPACK_ERRORS';
throw err;
} else {
const duration = webpackBuildEnd[0];
const durationString = durationToString(duration);
if (result.warnings.length > 0) {
Log.warn(`Compiled with warnings in ${durationString}\n`);
console.warn(result.warnings.filter(Boolean).join('\n\n'));
console.warn();
} else if (!compilerName) {
Log.event(`Compiled successfully in ${durationString}`);
}
return {
duration: webpackBuildEnd[0],
buildTraceContext: traceEntryPointsPlugin == null ? void 0 : traceEntryPointsPlugin.buildTraceContext,
pluginState: getPluginState(),
telemetryState: {
usages: (telemetryPlugin == null ? void 0 : telemetryPlugin.usages()) || [],
packagesUsedInServerSideProps: (telemetryPlugin == null ? void 0 : telemetryPlugin.packagesUsedInServerSideProps()) || [],
useCacheTracker: (telemetryPlugin == null ? void 0 : telemetryPlugin.getUseCacheTracker()) || {}
}
};
}
}
// the main function when this file is run as a worker
export async function workerMain(workerData) {
// Clone the telemetry for worker
const telemetry = new Telemetry({
distDir: workerData.buildContext.config.distDir
});
setGlobal('telemetry', telemetry);
// setup new build context from the serialized data passed from the parent
Object.assign(NextBuildContext, workerData.buildContext);
// Initialize tracer state from the parent
initializeTraceState(workerData.traceState);
// Resume plugin state
resumePluginState(NextBuildContext.pluginState);
/// load the config because it's not serializable
NextBuildContext.config = await loadConfig(PHASE_PRODUCTION_BUILD, NextBuildContext.dir);
NextBuildContext.nextBuildSpan = trace(`worker-main-${workerData.compilerName}`);
const result = await webpackBuildImpl(workerData.compilerName);
const { entriesTrace, chunksTrace } = result.buildTraceContext ?? {};
if (entriesTrace) {
const { entryNameMap, depModArray } = entriesTrace;
if (depModArray) {
result.buildTraceContext.entriesTrace.depModArray = depModArray;
}
if (entryNameMap) {
const entryEntries = entryNameMap;
result.buildTraceContext.entriesTrace.entryNameMap = entryEntries;
}
}
if (chunksTrace == null ? void 0 : chunksTrace.entryNameFilesMap) {
const entryNameFilesMap = chunksTrace.entryNameFilesMap;
result.buildTraceContext.chunksTrace.entryNameFilesMap = entryNameFilesMap;
}
NextBuildContext.nextBuildSpan.stop();
return {
...result,
debugTraceEvents: getTraceEvents()
};
}
//# sourceMappingURL=impl.js.map