14 Webpack中的配置-Performance

Performance

Performance用于控制Webpack在资源的大小超过限制的时候，做出提示。

Hints

Hints用于在给定资源超出大小限制的时候，如何输出提示：

module.exports = {
    
    
    /* 其他配置 */
    performance: {
    
    
        hints: false
    }
}

false表示关闭提示，在生产环境中，建议设置为’error’，有助于防止把体积巨大的Bundle部署到生产环境，从而影响程序性能。

MaxEntrypointSize

此选项根据入口起点的最大体积，控制Webpack何时生成性能提示。默认值是：250000 (bytes)。

module.exports = {
    
    
    /* 其他配置 */
    performance: {
    
    
        hints: "error",
        maxEntrypointSize: 1000
    }
}

MaxAssetSize

资源(asset)是从Webpack生成的任何文件。此选项根据单个资源体积，控制Webpack何时生成性能提示。默认值是：250000 (bytes)。

module.exports = {
    
    
    /* 其他配置 */
    performance: {
    
    
        hints: "error",
        maxEntrypointSize: 1000,
        maxAssetSize: 10000,
    }
}

AssetFilter

AssetFilter用于指定给特定类型的文件生成性能提示。

module.exports = {
    
    
    /* 其他配置 */
    performance: {
    
    
        assetFilter: function (assetFilename) {
    
    
            return assetFilename.endsWith('.js');
        }
    }
}