6fd2a7fa31
These types are no longer needed as we are only leveraging webpack 5 so this finishes migrating our types away from webpack 4's types.
97 lines
2.6 KiB
TypeScript
97 lines
2.6 KiB
TypeScript
import { webpack, sources } from 'next/dist/compiled/webpack/webpack'
|
|
import {
|
|
APP_BUILD_MANIFEST,
|
|
CLIENT_STATIC_FILES_RUNTIME_AMP,
|
|
CLIENT_STATIC_FILES_RUNTIME_MAIN,
|
|
CLIENT_STATIC_FILES_RUNTIME_MAIN_APP,
|
|
CLIENT_STATIC_FILES_RUNTIME_REACT_REFRESH,
|
|
} from '../../../shared/lib/constants'
|
|
import { getEntrypointFiles } from './build-manifest-plugin'
|
|
import getAppRouteFromEntrypoint from '../../../server/get-app-route-from-entrypoint'
|
|
|
|
type Options = {
|
|
dev: boolean
|
|
}
|
|
|
|
export type AppBuildManifest = {
|
|
pages: Record<string, string[]>
|
|
}
|
|
|
|
const PLUGIN_NAME = 'AppBuildManifestPlugin'
|
|
|
|
export class AppBuildManifestPlugin {
|
|
private readonly dev: boolean
|
|
|
|
constructor(options: Options) {
|
|
this.dev = options.dev
|
|
}
|
|
|
|
public apply(compiler: any) {
|
|
compiler.hooks.compilation.tap(
|
|
PLUGIN_NAME,
|
|
(compilation: any, { normalModuleFactory }: any) => {
|
|
compilation.dependencyFactories.set(
|
|
(webpack as any).dependencies.ModuleDependency,
|
|
normalModuleFactory
|
|
)
|
|
compilation.dependencyTemplates.set(
|
|
(webpack as any).dependencies.ModuleDependency,
|
|
new (webpack as any).dependencies.NullDependency.Template()
|
|
)
|
|
}
|
|
)
|
|
|
|
compiler.hooks.make.tap(PLUGIN_NAME, (compilation: any) => {
|
|
compilation.hooks.processAssets.tap(
|
|
{
|
|
name: PLUGIN_NAME,
|
|
// @ts-ignore TODO: Remove ignore when webpack 5 is stable
|
|
stage: webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS,
|
|
},
|
|
(assets: any) => this.createAsset(assets, compilation)
|
|
)
|
|
})
|
|
}
|
|
|
|
private createAsset(assets: any, compilation: webpack.Compilation) {
|
|
const manifest: AppBuildManifest = {
|
|
pages: {},
|
|
}
|
|
|
|
const systemEntrypoints = new Set<string>([
|
|
CLIENT_STATIC_FILES_RUNTIME_MAIN,
|
|
CLIENT_STATIC_FILES_RUNTIME_REACT_REFRESH,
|
|
CLIENT_STATIC_FILES_RUNTIME_AMP,
|
|
CLIENT_STATIC_FILES_RUNTIME_MAIN_APP,
|
|
])
|
|
|
|
const mainFiles = new Set(
|
|
getEntrypointFiles(
|
|
compilation.entrypoints.get(CLIENT_STATIC_FILES_RUNTIME_MAIN_APP)
|
|
)
|
|
)
|
|
|
|
for (const entrypoint of compilation.entrypoints.values()) {
|
|
if (!entrypoint.name) {
|
|
continue
|
|
}
|
|
|
|
if (systemEntrypoints.has(entrypoint.name)) {
|
|
continue
|
|
}
|
|
|
|
const pagePath = getAppRouteFromEntrypoint(entrypoint.name)
|
|
if (!pagePath) {
|
|
continue
|
|
}
|
|
|
|
const filesForPage = getEntrypointFiles(entrypoint)
|
|
|
|
manifest.pages[pagePath] = [...new Set([...mainFiles, ...filesForPage])]
|
|
}
|
|
|
|
const json = JSON.stringify(manifest, null, 2)
|
|
|
|
assets[APP_BUILD_MANIFEST] = new sources.RawSource(json)
|
|
}
|
|
}
|