You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
165 lines
4.3 KiB
165 lines
4.3 KiB
/* |
|
MIT License http://www.opensource.org/licenses/mit-license.php |
|
Author Sean Larkin @thelarkinn |
|
*/ |
|
|
|
"use strict"; |
|
|
|
const { find } = require("../util/SetHelpers"); |
|
const AssetsOverSizeLimitWarning = require("./AssetsOverSizeLimitWarning"); |
|
const EntrypointsOverSizeLimitWarning = require("./EntrypointsOverSizeLimitWarning"); |
|
const NoAsyncChunksWarning = require("./NoAsyncChunksWarning"); |
|
|
|
/** @typedef {import("webpack-sources").Source} Source */ |
|
/** @typedef {import("../../declarations/WebpackOptions").PerformanceOptions} PerformanceOptions */ |
|
/** @typedef {import("../ChunkGroup")} ChunkGroup */ |
|
/** @typedef {import("../Compiler")} Compiler */ |
|
/** @typedef {import("../Entrypoint")} Entrypoint */ |
|
/** @typedef {import("../WebpackError")} WebpackError */ |
|
|
|
/** |
|
* @typedef {Object} AssetDetails |
|
* @property {string} name |
|
* @property {number} size |
|
*/ |
|
|
|
/** |
|
* @typedef {Object} EntrypointDetails |
|
* @property {string} name |
|
* @property {number} size |
|
* @property {string[]} files |
|
*/ |
|
|
|
const isOverSizeLimitSet = new WeakSet(); |
|
|
|
const excludeSourceMap = (name, source, info) => !info.development; |
|
|
|
module.exports = class SizeLimitsPlugin { |
|
/** |
|
* @param {PerformanceOptions} options the plugin options |
|
*/ |
|
constructor(options) { |
|
this.hints = options.hints; |
|
this.maxAssetSize = options.maxAssetSize; |
|
this.maxEntrypointSize = options.maxEntrypointSize; |
|
this.assetFilter = options.assetFilter; |
|
} |
|
|
|
/** |
|
* @param {ChunkGroup | Source} thing the resource to test |
|
* @returns {boolean} true if over the limit |
|
*/ |
|
static isOverSizeLimit(thing) { |
|
return isOverSizeLimitSet.has(thing); |
|
} |
|
|
|
/** |
|
* Apply the plugin |
|
* @param {Compiler} compiler the compiler instance |
|
* @returns {void} |
|
*/ |
|
apply(compiler) { |
|
const entrypointSizeLimit = this.maxEntrypointSize; |
|
const assetSizeLimit = this.maxAssetSize; |
|
const hints = this.hints; |
|
const assetFilter = this.assetFilter || excludeSourceMap; |
|
|
|
compiler.hooks.afterEmit.tap("SizeLimitsPlugin", compilation => { |
|
/** @type {WebpackError[]} */ |
|
const warnings = []; |
|
|
|
/** |
|
* @param {Entrypoint} entrypoint an entrypoint |
|
* @returns {number} the size of the entrypoint |
|
*/ |
|
const getEntrypointSize = entrypoint => { |
|
let size = 0; |
|
for (const file of entrypoint.getFiles()) { |
|
const asset = compilation.getAsset(file); |
|
if ( |
|
asset && |
|
assetFilter(asset.name, asset.source, asset.info) && |
|
asset.source |
|
) { |
|
size += asset.info.size || asset.source.size(); |
|
} |
|
} |
|
return size; |
|
}; |
|
|
|
/** @type {AssetDetails[]} */ |
|
const assetsOverSizeLimit = []; |
|
for (const { name, source, info } of compilation.getAssets()) { |
|
if (!assetFilter(name, source, info) || !source) { |
|
continue; |
|
} |
|
|
|
const size = info.size || source.size(); |
|
if (size > assetSizeLimit) { |
|
assetsOverSizeLimit.push({ |
|
name, |
|
size |
|
}); |
|
isOverSizeLimitSet.add(source); |
|
} |
|
} |
|
|
|
const fileFilter = name => { |
|
const asset = compilation.getAsset(name); |
|
return asset && assetFilter(asset.name, asset.source, asset.info); |
|
}; |
|
|
|
/** @type {EntrypointDetails[]} */ |
|
const entrypointsOverLimit = []; |
|
for (const [name, entry] of compilation.entrypoints) { |
|
const size = getEntrypointSize(entry); |
|
|
|
if (size > entrypointSizeLimit) { |
|
entrypointsOverLimit.push({ |
|
name: name, |
|
size: size, |
|
files: entry.getFiles().filter(fileFilter) |
|
}); |
|
isOverSizeLimitSet.add(entry); |
|
} |
|
} |
|
|
|
if (hints) { |
|
// 1. Individual Chunk: Size < 250kb |
|
// 2. Collective Initial Chunks [entrypoint] (Each Set?): Size < 250kb |
|
// 3. No Async Chunks |
|
// if !1, then 2, if !2 return |
|
if (assetsOverSizeLimit.length > 0) { |
|
warnings.push( |
|
new AssetsOverSizeLimitWarning(assetsOverSizeLimit, assetSizeLimit) |
|
); |
|
} |
|
if (entrypointsOverLimit.length > 0) { |
|
warnings.push( |
|
new EntrypointsOverSizeLimitWarning( |
|
entrypointsOverLimit, |
|
entrypointSizeLimit |
|
) |
|
); |
|
} |
|
|
|
if (warnings.length > 0) { |
|
const someAsyncChunk = find( |
|
compilation.chunks, |
|
chunk => !chunk.canBeInitial() |
|
); |
|
|
|
if (!someAsyncChunk) { |
|
warnings.push(new NoAsyncChunksWarning()); |
|
} |
|
|
|
if (hints === "error") { |
|
compilation.errors.push(...warnings); |
|
} else { |
|
compilation.warnings.push(...warnings); |
|
} |
|
} |
|
} |
|
}); |
|
} |
|
};
|
|
|