Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
Overall
score
98%
{
"context": "This evaluation assesses how well the engineer uses the webpack-bundle-analyzer package to configure bundle visualization. The focus is on proper usage of the BundleAnalyzerPlugin class and its configuration options to generate a static HTML report with interactive treemap visualization.",
"type": "weighted_checklist",
"checklist": [
{
"name": "BundleAnalyzerPlugin Import",
"description": "Correctly imports the BundleAnalyzerPlugin class from the 'webpack-bundle-analyzer' package",
"max_score": 10
},
{
"name": "Plugin Instantiation",
"description": "Creates a new instance of BundleAnalyzerPlugin with appropriate configuration options",
"max_score": 15
},
{
"name": "Static Mode Configuration",
"description": "Sets the analyzerMode option to 'static' to generate a standalone HTML file instead of starting a server",
"max_score": 25
},
{
"name": "Report Filename Configuration",
"description": "Configures the reportFilename option to output the report as 'bundle-report.html' in the project root directory",
"max_score": 20
},
{
"name": "Conditional Production Build",
"description": "Implements conditional logic to only include the BundleAnalyzerPlugin during production builds (when NODE_ENV=production)",
"max_score": 15
},
{
"name": "Default Size Metric",
"description": "Sets the defaultSizes option to 'parsed' to display parsed bundle sizes by default in the visualization",
"max_score": 10
},
{
"name": "Webpack Plugins Array",
"description": "Properly adds the BundleAnalyzerPlugin instance to the webpack configuration's plugins array",
"max_score": 5
}
]
}Install with Tessl CLI
npx tessl i tessl/npm-webpack-bundle-analyzerevals
scenario-1
scenario-2
scenario-3
scenario-4
scenario-5
scenario-6
scenario-7
scenario-8
scenario-9
scenario-10