npmpackage.info

Gathering detailed insights and metrics for replace-url-html-webpack-plugin

Other packages similar to replace-url-html-webpack-plugin

html-webpack-replace-hashurl-plugin

0.1.0

webpack plugin replace hash url mutil-page

Gathering detailed insights and metrics for replace-url-html-webpack-plugin

replace-url-html-webpack-plugin - 2.0.1 | npmpackage.info

replace-url-html-webpack-plugin

Updates the URLs for existing script (JS) and link (CSS) elements in an HTML template with URLs generated by Webpack

2.0.1

GPL-3.0

TypeScript

894.00 B

41,722 1.7

Installations

npm install replace-url-html-webpack-plugin

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Min. Node Version

>=6.11.5

Node Version

14.3.0

NPM Version

6.14.5 Score

44.8

Supply Chain

49.6

Quality

65.2

Maintenance

Vulnerability

77.6

License

Pull Requests

Open

16

Total

19

Closed

1

Merged

2

Issues

Open

0

Total

0

Closed

0

Releases

HTML Webpack Plugin v4 support and new GPL license!

2.0.0

Updated on May 21, 2020

Updated NPM dependencies to fix security vulnerabilities.

1.0.8

Updated on Apr 03, 2020

Updated NPM dependencies to fix security vulnerabilities.

1.0.7

Updated on Dec 10, 2019

Actually deploy JS files this time.

1.0.6

Updated on Oct 31, 2019

Updated NPM dependencies to fix security vulnerabilities.

1.0.5

Updated on Jul 16, 2019

Updated NPM dependencies to fix security vulnerabilities.

1.0.4

Updated on Jul 05, 2019

View All 11 releases

Languages

TypeScript

HTML

TypeScript (96.86%)

HTML (3.14%)

Developer

BTOdell

Download Statistics

Total Downloads

41,722

Last Day

Last Week

Last Month

168

Last Year

1,942

GitHub Statistics

GPL-3.0 License

5 Stars

38 Commits

1 Forks

2 Watchers

17 Branches

1 Contributors

Updated on Jul 17, 2022

Bundle Size

1.67 kB

Minified

894.00 B

Minified + Gzipped

Bundlephobia

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

2.0.1

Package Id

replace-url-html-webpack-plugin@2.0.1

Unpacked Size

46.65 kB

Size

15.63 kB

File Count

NPM Version

6.14.5

Node Version

14.3.0

Total Downloads

Cumulative downloads

Total Downloads

41,722

Last Day

Compared to previous day

Last Week

80%

Compared to previous week

Last Month

25.4%

168

Compared to previous month

Last Year

-37.2%

1,942

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

webpack html-webpack-plugin

Dev Dependencies

@types/webpack html-webpack-plugin npm-run-all shx tslint typescript webpack webpack-cli

URL replacement for HTML Webpack Plugin

npm npm dependencies node npm type definitions npm license

This is an extension plugin for the webpack plugin html-webpack-plugin - a plugin that simplifies the creation of HTML files to serve your webpack bundles.

Typically, html-webpack-plugin injects <script> and <link> elements into generated HTML. When used with a template, html-webpack-plugin will still inject new elements regardless of whether or not elements already exist for the assets.

This plugin will automatically update the URLs for existing <script> and <link> elements in an HTML template with URLs generated by Webpack. It identifies existing elements by comparing their URLs with the generated output file name from Webpack. See Example section.

Webpack doesn't handle CSS resources natively. However, by using some of the following plugin combinations you can make them accessible to html-webpack-plugin:

copy-webpack-plugin (npm) (github),
html-webpack-include-assets-plugin (npm) (github)
extract-text-webpack-plugin (npm) (github) (warning: untested)

Environment

node >= 6.11.5

Peer Dependencies

webpack (npm) (github) >= 4.0.0
html-webpack-plugin (npm) (github) >= 4.0.0

Installation

Install the plugin as a development dependency using npm:

1$ npm install replace-url-html-webpack-plugin --save-dev

Basic Usage

The plugin has no configuration. Simply, add the plugin to your webpack config as follows:

1{
2  plugins: [
3    new HtmlWebpackPlugin(),
4    new ReplaceUrlHtmlWebpackPlugin()
5  ]
6}

The order is important - the plugin must come after HtmlWebpackPlugin.

Example

Consider the following HTML template:

1<!DOCTYPE html>
2<html>
3    <head>
4        <meta charset="UTF-8" />
5        <title>Example</title>
6        <link type="text/css" rel="stylesheet" href="css/index.css" />
7        <script async="async" src="js/bundle.js"></script>
8    </head>
9    <body>
10        ...
11    </body>
12</html>

If webpack is configured to generate the bundle with a hash included, then the URLs for both <script> and <link> will be replaced:

1<!DOCTYPE html>
2<html>
3    <head>
4        <meta charset="UTF-8" />
5        <title>Example</title>
6        <link type="text/css" rel="stylesheet" href="css/index.abcdef0123456789.css" />
7        <script async="async" src="js/bundle.abcdef0123456789.js"></script>
8    </head>
9    <body>
10        ...
11    </body>
12</html>

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

Maintained

Determines if the project is "actively maintained".

0

Code-Review

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

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 2025-05-05

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