inject-browser-sync-webpack-plugin/readme.md

Webpack plugin that injects the browser-sync script into the html-webpack-plugin output.

# inject-browser-sync-webpack-plugin


<a href="https://raw.githubusercontent.com/jaid/inject-browser-sync-webpack-plugin/master/license.txt"><img src="https://img.shields.io/github/license/jaid/inject-browser-sync-webpack-plugin?style=flat-square" alt="License"/></a> <a href="https://github.com/sponsors/jaid"><img src="https://img.shields.io/badge/<3-Sponsor-FF45F1?style=flat-square" alt="Sponsor inject-browser-sync-webpack-plugin"/></a>  
<a href="https://actions-badge.atrox.dev/jaid/inject-browser-sync-webpack-plugin/goto"><img src="https://img.shields.io/endpoint.svg?style=flat-square&url=https%3A%2F%2Factions-badge.atrox.dev%2Fjaid%2Finject-browser-sync-webpack-plugin%2Fbadge" alt="Build status"/></a> <a href="https://github.com/jaid/inject-browser-sync-webpack-plugin/commits"><img src="https://img.shields.io/github/commits-since/jaid/inject-browser-sync-webpack-plugin/v1.2.0?style=flat-square&logo=github" alt="Commits since v1.2.0"/></a> <a href="https://github.com/jaid/inject-browser-sync-webpack-plugin/commits"><img src="https://img.shields.io/github/last-commit/jaid/inject-browser-sync-webpack-plugin?style=flat-square&logo=github" alt="Last commit"/></a> <a href="https://github.com/jaid/inject-browser-sync-webpack-plugin/issues"><img src="https://img.shields.io/github/issues/jaid/inject-browser-sync-webpack-plugin?style=flat-square&logo=github" alt="Issues"/></a>  
<a href="https://npmjs.com/package/inject-browser-sync-webpack-plugin"><img src="https://img.shields.io/npm/v/inject-browser-sync-webpack-plugin?style=flat-square&logo=npm&label=latest%20version" alt="Latest version on npm"/></a> <a href="https://github.com/jaid/inject-browser-sync-webpack-plugin/network/dependents"><img src="https://img.shields.io/librariesio/dependents/npm/inject-browser-sync-webpack-plugin?style=flat-square&logo=npm" alt="Dependents"/></a> <a href="https://npmjs.com/package/inject-browser-sync-webpack-plugin"><img src="https://img.shields.io/npm/dm/inject-browser-sync-webpack-plugin?style=flat-square&logo=npm" alt="Downloads"/></a>

**Webpack plugin that injects the browser-sync script into the html-webpack-plugin output.**





## Installation

<a href="https://npmjs.com/package/inject-browser-sync-webpack-plugin"><img src="https://img.shields.io/badge/npm-inject--browser--sync--webpack--plugin-C23039?style=flat-square&logo=npm" alt="inject-browser-sync-webpack-plugin on npm"/></a>

```bash
npm install --save-dev inject-browser-sync-webpack-plugin@^1.2.0
```

<a href="https://yarnpkg.com/package/inject-browser-sync-webpack-plugin"><img src="https://img.shields.io/badge/Yarn-inject--browser--sync--webpack--plugin-2F8CB7?style=flat-square&logo=yarn&logoColor=white" alt="inject-browser-sync-webpack-plugin on Yarn"/></a>

```bash
yarn add --dev inject-browser-sync-webpack-plugin@^1.2.0
```

<a href="https://github.com/jaid/inject-browser-sync-webpack-plugin/packages"><img src="https://img.shields.io/badge/GitHub Packages-@jaid/inject--browser--sync--webpack--plugin-24282e?style=flat-square&logo=github" alt="@jaid/inject-browser-sync-webpack-plugin on GitHub Packages"/></a>  
(if [configured properly](https://help.github.com/en/github/managing-packages-with-github-packages/configuring-npm-for-use-with-github-packages))

```bash
npm install --save-dev @jaid/inject-browser-sync-webpack-plugin@^1.2.0
```
















## Development



Setting up:
```bash
git clone git@github.com:jaid/inject-browser-sync-webpack-plugin.git
cd inject-browser-sync-webpack-plugin
npm install
```
Testing in production environment:
```bash
npm run test
```


## License
[MIT License](https://raw.githubusercontent.com/jaid/inject-browser-sync-webpack-plugin/master/license.txt)  
Copyright © 2020, Jaid \<jaid.jsx@gmail.com> (https://github.com/jaid)