vue hello world项目
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.

166 lines
4.3 KiB

3 years ago
/*
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);
}
}
}
});
}
};