CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-webpack-bundle-analyzer

Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap

Overall
score

98%

Overview
Eval results
Files

rubric.jsonevals/scenario-2/

{
  "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-analyzer

tile.json