fix(webpack5): plugins/vue/server DeprecationWarning

This commit is contained in:
Clark Du 2020-08-17 19:34:47 +01:00
parent dc84429d67
commit 8936fe77eb

View File

@ -9,63 +9,64 @@ export default class VueSSRServerPlugin {
apply (compiler) { apply (compiler) {
validate(compiler) validate(compiler)
compiler.hooks.make.tap('VueSSRServerPlugin', (compilation: any) => {
compilation.hooks.processAssets.tapAsync('VueSSRServerPlugin', (assets, cb) => {
const stats = compilation.getStats().toJson()
const [entryName] = Object.keys(stats.entrypoints)
const entryInfo = stats.entrypoints[entryName]
compiler.hooks.emit.tapAsync('vue-server-plugin', (compilation, cb) => { if (!entryInfo) {
const stats = compilation.getStats().toJson() // #5553
const [entryName] = Object.keys(stats.entrypoints) return cb()
const entryInfo = stats.entrypoints[entryName]
if (!entryInfo) {
// #5553
return cb()
}
const entryAssets = entryInfo.assets.filter(isJS)
if (entryAssets.length > 1) {
throw new Error(
'Server-side bundle should have one single entry file. ' +
'Avoid using CommonsChunkPlugin in the server config.'
)
}
const [entry] = entryAssets
if (!entry || typeof entry !== 'string') {
throw new Error(
`Entry "${entryName}" not found. Did you specify the correct entry option?`
)
}
const bundle = {
entry,
files: {},
maps: {}
}
stats.assets.forEach((asset) => {
if (isJS(asset.name)) {
const queryPart = extractQueryPartJS(asset.name)
if (queryPart !== undefined) {
bundle.files[asset.name] = asset.name.replace(queryPart, '')
} else {
bundle.files[asset.name] = asset.name
}
} else if (asset.name.match(/\.js\.map$/)) {
bundle.maps[asset.name.replace(/\.map$/, '')] = asset.name
} else {
// Do not emit non-js assets for server
delete compilation.assets[asset.name]
} }
const entryAssets = entryInfo.assets.filter(isJS)
if (entryAssets.length > 1) {
throw new Error(
'Server-side bundle should have one single entry file. ' +
'Avoid using CommonsChunkPlugin in the server config.'
)
}
const [entry] = entryAssets
if (!entry || typeof entry !== 'string') {
throw new Error(
`Entry "${entryName}" not found. Did you specify the correct entry option?`
)
}
const bundle = {
entry,
files: {},
maps: {}
}
stats.assets.forEach((asset) => {
if (isJS(asset.name)) {
const queryPart = extractQueryPartJS(asset.name)
if (queryPart !== undefined) {
bundle.files[asset.name] = asset.name.replace(queryPart, '')
} else {
bundle.files[asset.name] = asset.name
}
} else if (asset.name.match(/\.js\.map$/)) {
bundle.maps[asset.name.replace(/\.map$/, '')] = asset.name
} else {
// Do not emit non-js assets for server
delete assets[asset.name]
}
})
const src = JSON.stringify(bundle, null, 2)
assets[this.options.filename] = {
source: () => src,
size: () => src.length
}
cb()
}) })
}
const src = JSON.stringify(bundle, null, 2)
compilation.assets[this.options.filename] = {
source: () => src,
size: () => src.length
}
cb()
})
} }
} }