# @optimics/webpack-website-proxy

> Inject your webpack generated bundles inside a live website via proxy and webpack dev server

Latest version **0.8.8** (published 2023-12-26) · MIT license · 0 weekly downloads

## Install

```sh
npm install @optimics/webpack-website-proxy
pnpm add @optimics/webpack-website-proxy
yarn add @optimics/webpack-website-proxy
bun add @optimics/webpack-website-proxy
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.8.8 |
| Published | 2023-12-26 |
| First published | 2023-08-07 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=18.0.0 |
| Dependencies | 4 |
| Unpacked size | 9.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Pavel Žák |
| Maintainers | just-paja |

## Links

- npm: https://www.npmjs.com/package/@optimics/webpack-website-proxy
- Repository: https://github.com/optimics/forge
- Homepage: https://github.com/optimics/forge#readme
- Issues: https://github.com/optimics/forge/issues
- npm.io page: https://npm.io/package/@optimics/webpack-website-proxy

## Dependencies (4)

- [node-fetch](https://npm.io/package/node-fetch.md) ^3.3.2
- [node-html-parser](https://npm.io/package/node-html-parser.md) ^6.1.5
- [html-webpack-plugin](https://npm.io/package/html-webpack-plugin.md) ^5.5.3
- [query-string-manipulator](https://npm.io/package/query-string-manipulator.md) ^1.2.2

## Recent versions

- 0.8.8 (latest) — 2023-12-26
- 0.8.5 — 2023-09-25
- 0.8.0 — 2023-08-07

## README

# `@optimics/webpack-website-proxy`

> Inject your webpack generated bundles inside a live website via proxy and
> webpack dev server

This is useful, when your webpack outputs enhance a website, instead of
rendering it as a whole. You can simply give it an URL and the webpack dev
server will load it up on localhost URL with your scripts generated and hot
reload included.

## Installation

```
npm install --save-dev @optimics/webpack-website-proxy
```

## Usage

Add [HtmlWebpackPlugin](https://www.npmjs.com/package/html-webpack-plugin) and WebsiteProxyPlugin In your webpack configuration:

```
import HtmlWebpackPlugin from 'html-webpack-plugin'
import WebsiteProxyPlugin from '@optimics/webpack-website-proxy'

export default {
  plugins: [
    new HtmlWebpackPlugin({}),
    new WebsiteProxyPlugin('http://example.com/url-to-the-page'),
  ],
}
```

## Known issues

**Red box errors**

Webpack will respond to all on page errors. Consider turning off [client overlay](https://webpack.js.org/configuration/dev-server/#overlay)

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