36 lines
1.4 KiB
TypeScript
36 lines
1.4 KiB
TypeScript
import { webpack } from 'next/dist/compiled/webpack/webpack'
|
|
// This plugin mirrors webpack 3 `filename` and `chunkfilename` behavior
|
|
// This fixes https://github.com/webpack/webpack/issues/6598
|
|
// This plugin is based on https://github.com/researchgate/webpack/commit/2f28947fa0c63ccbb18f39c0098bd791a2c37090
|
|
export default class ChunkNamesPlugin {
|
|
apply(compiler: webpack.Compiler) {
|
|
compiler.hooks.compilation.tap(
|
|
'NextJsChunkNamesPlugin',
|
|
(compilation: any) => {
|
|
compilation.chunkTemplate.hooks.renderManifest.intercept({
|
|
register(tapInfo: any) {
|
|
if (tapInfo.name === 'JavascriptModulesPlugin') {
|
|
const originalMethod = tapInfo.fn
|
|
tapInfo.fn = (result: any, options: any) => {
|
|
let filenameTemplate
|
|
const chunk = options.chunk
|
|
const outputOptions = options.outputOptions
|
|
if (chunk.filenameTemplate) {
|
|
filenameTemplate = chunk.filenameTemplate
|
|
} else if (chunk.hasEntryModule()) {
|
|
filenameTemplate = outputOptions.filename
|
|
} else {
|
|
filenameTemplate = outputOptions.chunkFilename
|
|
}
|
|
|
|
options.chunk.filenameTemplate = filenameTemplate
|
|
return originalMethod(result, options)
|
|
}
|
|
}
|
|
return tapInfo
|
|
},
|
|
})
|
|
}
|
|
)
|
|
}
|
|
}
|