# @akqa-frontline/webpack-config

> ![GitHub](https://img.shields.io/github/license/akqa-frontline/frontline) ![npm (scoped)](https://img.shields.io/npm/v/@akqa-frontline/webpack-config)

Latest version **0.8.0** (published 2020-06-03) · ISC license · 0 weekly downloads

## Install

```sh
npm install @akqa-frontline/webpack-config
pnpm add @akqa-frontline/webpack-config
yarn add @akqa-frontline/webpack-config
bun add @akqa-frontline/webpack-config
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.8.0 |
| Published | 2020-06-03 |
| First published | 2020-01-20 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | CommonJS |
| Node | >=6 |
| Dependencies | 15 |
| Unpacked size | 61.3 KB |
| Known vulnerabilities | 0 (+7 in 2 direct dependencies) |
| Install scripts | no |
| Maintainers | dni |

## Links

- npm: https://www.npmjs.com/package/@akqa-frontline/webpack-config
- npm.io page: https://npm.io/package/@akqa-frontline/webpack-config

## Dependencies (15)

- [react](https://npm.io/package/react.md) 16.12.0
- [dotenv](https://npm.io/package/dotenv.md) ^8.2.0
- [core-js](https://npm.io/package/core-js.md) 3.4.5
- [webpack](https://npm.io/package/webpack.md) 4.41.2
- [react-dom](https://npm.io/package/react-dom.md) 16.12.0
- [dotenv-expand](https://npm.io/package/dotenv-expand.md) ^5.1.0
- [react-dev-utils](https://npm.io/package/react-dev-utils.md) ^10.0.0
- [react-hot-loader](https://npm.io/package/react-hot-loader.md) 4.12.18
- [webpack-dev-server](https://npm.io/package/webpack-dev-server.md) 3.9.0
- [html-webpack-plugin](https://npm.io/package/html-webpack-plugin.md) 4.0.0-beta.11
- [@hot-loader/react-dom](https://npm.io/package/@hot-loader/react-dom.md) 16.11.0
- [webpack-bundle-analyzer](https://npm.io/package/webpack-bundle-analyzer.md) 3.6.0
- [webpack-manifest-plugin](https://npm.io/package/webpack-manifest-plugin.md) v3.0.0-rc.0
- [webpack-fix-style-only-entries](https://npm.io/package/webpack-fix-style-only-entries.md) 0.4.0
- [webpack-module-nomodule-plugin](https://npm.io/package/webpack-module-nomodule-plugin.md) 0.2.1

## Recent versions

- 0.8.0 (latest) — 2020-06-03
- 0.9.0-rc.1 (next) — 2020-06-23
- 0.9.0-rc.0 — 2020-06-11
- 0.7.2 — 2020-06-01
- 0.7.2-alpha.0 — 2020-05-22
- 0.7.1 — 2020-03-03
- 0.7.0 — 2020-02-20
- 0.6.2 — 2020-02-19
- 0.6.1 — 2020-02-19
- 0.5.0 — 2020-02-10
- 0.4.0 — 2020-02-05
- 0.3.2 — 2020-02-05
- 0.3.1 — 2020-01-24
- 0.3.0 — 2020-01-20

## README

# @akqa-frontline/webpack-config

![GitHub](https://img.shields.io/github/license/akqa-frontline/frontline)
![npm (scoped)](https://img.shields.io/npm/v/@akqa-frontline/webpack-config)

_this package is not yet fully documented_

Baseline Configuration for Webpack.

## What does it do

This package can be used to generate a best-practice Webpack configuration.
It is based on [create-react-app](https://github.com/facebook/create-react-app).

#### Notable features

- Vendor and Runtime chunk generation for long-time caching
- HTML generation
- .env variables support in JS and HTML
- Works with a Module / No Module setup out of the box
- Bundle Analyzing
- Asset Manifest generation - optimized for module / no module setup
- Hot Module Reloading

## Install
Install this package and its peer dependencies:

```
npm install --save-dev --save-exact @akqa-frontline/scss-config-webpack-plugin
npm install --save-dev --save-exact webpack @hot-loader/react-dom react react-dom react-hot-loader webpack-dev-server
```

## Usage

Create a Webpack configuration

```
// webpack.config.js

const { FrontlineWebpackConfig } = require("@akqa-frontline/webpack-config")

const moduleWebpackConfig = FrontlineWebpackConfig(
    "modern",
    { ... any webpack configuration you want merged }
)

const noModuleWebpackConfig = FrontlineWebpackConfig(
    "legacy",
    { ... any webpack configuration you want merged }
)

module.exports = [moduleWebpackConfiguration, noModuleWebpackConfiguration]
```

## Contributing

Please refer to the [contributing](https://github.com/akqa-frontline/frontline/blob/master/CONTRIBUTING.md) document.

## License

ISC © AKQA

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