# samuelsimoes/chrome-extension-webpack-boilerplate

A basic foundation boilerplate for rich Chrome Extensions using Webpack to help you write modular and modern Javascript code, load CSS easily and automatic reload the browser on code changes.

Repository: https://github.com/samuelsimoes/chrome-extension-webpack-boilerplate
Canonical: https://ross.abutalabs.com/products/chrome-extension-webpack-boilerplate
Language: JavaScript
License: MIT
License Family: permissive
Topics: chrome-extension, webpack, boilerplate
Last push: 2022-12-10T17:14:13+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 3793, "days_push": 1362, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1707, forks 334 (observed 2026-08-28T04:05:25.024925+00:00)

## What it is
A boilerplate template for building rich Chrome Extensions using Webpack, supporting modular ES6 JavaScript, easy CSS loading, and automatic browser reload during development. It provides a preconfigured structure with popup, options, and background pages plus content script support.

## Use cases
- start a new chrome extension project with webpack
- scaffold a browser extension with hot reload
- write modular es6 javascript for a chrome extension
- load css in a chrome extension popup
- set up content scripts with webpack bundling
- auto reload chrome extension during development

## When to choose
- you are starting a new Chrome extension from scratch and want a modern Webpack-based setup
- you want automatic reload and hot module replacement while developing an extension
- you need a ready-made structure for popup, options, and background pages

## When to avoid
- you use a different bundler or framework like Vite, Plasmo, or WXT
- you need a maintained template with up-to-date dependencies, as this repo sees little activity
- you are building a simple extension that does not need a build step

## Facets
- artifact type: learning-resource
- maturity: maintenance
- function: build-tool, developer-tools, boilerplate
- domain: browser-extensions, web-development, developer-tools
- platform: browser, browser-extension
- tags: chrome-extension, webpack, hot-reload, es6-modules, starter-template, boilerplate, nodejs, javascript

## Member repositories
- samuelsimoes/chrome-extension-webpack-boilerplate (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:25.024925+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T08:32:30.031122+00:00, confidence not recorded.
  - readme: https://github.com/samuelsimoes/chrome-extension-webpack-boilerplate (fetched 2026-08-28T04:05:25.024925+00:00, sha e16097939fba)
- Data as of 2026-08-30T08:39:29.467469+00:00.