Installations

npm install @kooneko/livereload-webpack-plugin

Developer Guide

BETA

Typescript

❌ No

Module System

CommonJS

Node Version

14.15.4

NPM Version

6.14.10 Score

47

Supply Chain

58.6

Quality

72.8

Maintenance

100

Vulnerability

99.3

License

Pull Requests

Open

0

Total

1

Closed

0

Merged

1

Issues

Open

0

Total

1

Closed

1

Releases

3

v1.2.1

Published on 16 Jan 2021

v1.2.0

Published on 25 Oct 2020

First release

v1.1.0

Published on 25 Oct 2020

View all 3 releases

Developer

Kooneko

Statistics

5 Stars

16 Commits

1 Forks

2 Watching

1 Branches

1 Contributors

Updated on 01 Feb 2024

Bundle Size

3.40 MB

Minified

854.05 kB

Minified + Gzipped

Bundlephobia

Languages

JavaScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

188,906

Last day

49.7%

277

Compared to previous day

Last week

13.5%

1,415

Compared to previous week

Last month

4.3%

5,903

Compared to previous month

Last year

-20.7%

45,928

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

5

anymatch get-port tiny-lr webpack webpack-cli

Dev Dependencies

1

jest

Versions

livereload-webpack-plugin

This plugin for Webpack is based from statianzo's plugin : webpack-livereload-plugin
This plugin is compatible wih Webpack 4 & Webpack 5

Installation

Install the package

1npm install --save-dev @kooneko/livereload-webpack-plugin

Add the plugin to your webpack config

1// webpack.config.js
2
3var LiveReloadWebpackPlugin = require('@kooneko/livereload-webpack-plugin');
4
5module.exports = {
6  plugins: [
7    new LiveReloadWebpackPlugin(options)
8  ]
9}

Add a script tag to your page pointed at the livereload server

1<script src="http://localhost:35729/livereload.js"></script>

Options

Option	Default	Description
`protocol`	protocol of the page, either `http` or `https`	Protocol for livereload `<script>` src attribute value
`port`	`35729`	The desired port for the livereload server. If you not define port, an available port will be searched for, starting from 35729
`hostname`	hostname of the page, like `localhost` or `10.0.2.2`	The desired hostname for the appended `<script>` (if present) to point to
`quiet`	`false`	Prevent message " Live reload listening on port ..." from appearing in the console
`appendScript`	`false`	Append livereload `<script>` automatically to `<head>`
`delay`	`0`	amount of milliseconds by which to delay the live reload (in case build takes longer)
`ignore`	`null`	RegExp of files to ignore. Null value means ignore nothing. It is also possible to define an array and use multiple anymatch patterns

Why?

Yes, there's already webpack-dev-server that handles live reloading and more complex scenarios. This project aims to solve the case where you want assets served by your app server, but still want reloads triggered from webpack's build pipeline.

HTTPS

If you set key, cert, or pfx options, they'll get passed through to tiny-lr as options and it will serve over HTTPS. You'll also also set protocol to https.

FAQ

Webpack always generates js and css together

If this slows your build process you could set liveCSS and liveImg to false to prevent multiple reloads.

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2024-12-02

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

@kooneko/livereload-webpack-plugin

Installations

Developer Guide

❌ No

CommonJS

14.15.4

6.14.10

Score

Pull Requests

:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}00

:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}11

:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}00

:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}11

Issues

:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}00

:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}11

:host{display:inline-block;direction:ltr;white-space:nowrap;line-height:var(--number-flow-char-height, 1em) !important}span{display:inline-block}:host([data-will-change]) span{will-change:transform}.number,.digit{padding:calc(var(--number-flow-mask-height, 0.25em) / 2) 0}.symbol{white-space:pre}11

Releases

Developer

Kooneko

Statistics

Bundle Size

3.40 MB

854.05 kB

Languages

Total Downloads

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Dev Dependencies

livereload-webpack-plugin

Installation

Options

Why?

HTTPS

FAQ

Webpack always generates js and css together

10

10

0

0

0

0

0

0

0

0

1.7

/10

0

1

0

1

0

1

1