# @master/css.webpack

> Integrate Master CSS Static Build in Webpack way

Latest version **2.0.0-rc.67** (published 2025-04-24) · MIT license · 0 weekly downloads

## Install

```sh
npm install @master/css.webpack
pnpm add @master/css.webpack
yarn add @master/css.webpack
bun add @master/css.webpack
```

## Health

**Score 55/100 (C)** — status: stable.

Positive: has types; esm support; no vulnerabilities; has provenance; high maintenance score.

Warnings: low downloads.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 2.0.0-rc.67 |
| Published | 2025-04-24 |
| First published | 2022-11-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 10.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 1953 |
| Author | Aoyue Design LLC. |
| Maintainers | 1aron, benseage0 |
| Keywords | webpack, plugin, integration, build tools, css, mastercss, webpack-plugin |

## Links

- npm: https://www.npmjs.com/package/@master/css.webpack
- Repository: https://github.com/master-co/css
- Homepage: https://css.master.co
- Issues: https://github.com/master-co/css/issues
- Funding: https://rc.css.master.co/sponsor
- npm.io page: https://npm.io/package/@master/css.webpack

## Dependencies (4)

- [@master/css](https://npm.io/package/@master/css.md) ^2.0.0-rc.67
- [@techor/log](https://npm.io/package/@techor/log.md) ^3.2.0
- [@master/css-extractor](https://npm.io/package/@master/css-extractor.md) ^2.0.0-rc.67
- [webpack-virtual-modules](https://npm.io/package/webpack-virtual-modules.md) ^0.5.0

## Recent versions

- 2.0.0-rc.67 (latest) — 2025-04-24
- 2.0.0-rc.88 (rc) — 2026-07-24
- 2.0.0-beta.159 (beta) — 2023-06-02
- 2.0.0-rc.87 — 2026-07-20
- 2.0.0-rc.85 — 2026-07-09
- 2.0.0-rc.84 — 2026-07-08
- 2.0.0-rc.83 — 2026-07-06
- 2.0.0-rc.82 — 2026-07-02
- 2.0.0-rc.81 — 2026-07-02
- 2.0.0-rc.80 — 2026-07-02
- 2.0.0-rc.79 — 2026-07-01
- 2.0.0-rc.78 — 2026-07-01
- 2.0.0-rc.77 — 2026-06-30
- 2.0.0-rc.76 — 2026-06-30
- 2.0.0-rc.75 — 2026-06-29
- … 116 more at https://npm.io/package/@master/css.webpack/versions

## README

<br>
<div align="center">

<p align="center">
    <a href="https://css.master.co">
        <picture>
            <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/33840671/201701649-3bb7d698-abec-4d5f-ac30-ccc4d7bafcd4.svg">
            <source media="(prefers-color-scheme: light)" srcset="https://user-images.githubusercontent.com/33840671/201703010-77bf2373-9899-40cc-98f5-30cf9b546941.svg">
            <img alt="Master CSS" src="https://user-images.githubusercontent.com/33840671/201703010-77bf2373-9899-40cc-98f5-30cf9b546941.svg" width="100%">
        </picture>
    </a>
</p>
<p align="center">Integrate Master CSS in Webpack way</p>

<p align="center">
    <a aria-label="GitHub release (latest by date including pre-releases)" href="https://github.com/master-co/css/releases">
        <picture>
            <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/github/v/release/master-co/css?include_prereleases&color=212022&label=&style=for-the-badge&logo=github&logoColor=fff">
            <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/github/v/release/master-co/css?include_prereleases&color=f6f7f8&label=&style=for-the-badge&logo=github&logoColor=%23000">
            <img alt="NPM Version" src="https://img.shields.io/github/v/release/master-co/css?include_prereleases&color=f6f7f8&label=&style=for-the-badge&logo=github">
        </picture>
    </a>
    <a aria-label="NPM Package" href="https://www.npmjs.com/package/@master/css.webpack">
        <picture>
            <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/npm/dm/@master/css.webpack?color=212022&label=%20&logo=npm&style=for-the-badge">
            <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/npm/dm/@master/css.webpack?color=f6f7f8&label=%20&logo=npm&style=for-the-badge">
            <img alt="NPM package ( download / month )" src="https://img.shields.io/npm/dm/@master/css.webpack?color=f6f7f8&label=%20&logo=npm&style=for-the-badge">
        </picture>
    </a>
    <a aria-label="Discord Community" href="https://discord.gg/sZNKpAAAw6">
        <picture>
            <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/discord/917780624314613760?color=212022&label=%20&logo=discord&style=for-the-badge">
            <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/discord/917780624314613760?color=f6f7f8&label=%20&logo=discord&style=for-the-badge">
            <img alt="Discord online" src="https://img.shields.io/discord/917780624314613760?color=f6f7f8&label=%20&logo=discord&style=for-the-badge">
        </picture>
    </a>
    <a aria-label="Follow @mastercorg" href="https://twitter.com/mastercorg">
        <picture>
            <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/static/v1?label=%20&message=twitter&color=212022&logo=twitter&style=for-the-badge">
            <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/static/v1?label=%20&message=twitter&color=f6f7f8&logo=twitter&style=for-the-badge">
            <img alt="Follow @mastercorg" src="https://img.shields.io/static/v1?label=%20&message=twitter&color=f6f7f8&logo=twitter&style=for-the-badge">
        </picture>
    </a>
    <a aria-label="Github Actions" href="https://github.com/master-co/css/actions/workflows/release.yml">
        <picture>
            <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/github/actions/workflow/status/master-co/css/release.yml?branch=rc&label=%20&message=twitter&color=212022&logo=githubactions&style=for-the-badge">
            <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/github/actions/workflow/status/master-co/css/release.yml?branch=rc&label=%20&message=twitter&color=f6f7f8&logo=githubactions&style=for-the-badge&logoColor=%23000">
            <img alt="Github release actions" src="https://img.shields.io/github/actions/workflow/status/master-co/css/release.yml?branch=rc&label=%20&message=twitter&color=f6f7f8&logo=githubactions&style=for-the-badge&logoColor=%23000">
        </picture>
    </a>
</p>

</div>

```js
const { MasterCSSExtractorPlugin } = require('@master/css.webpack')

module.exports = {
    plugins: [
        new MasterCSSExtractorPlugin()
    ]
}
```

## Documentation
Check out the official [documentation](https://rc.css.master.co/guide/installation/webpack/static-extraction).

---
_Source: https://npm.io/package/@master/css.webpack · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._