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,081 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

34.8

Supply Chain

49.6

Quality

65.3

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

Published on 21 May 2020

Updated NPM dependencies to fix security vulnerabilities.

1.0.8

Published on 03 Apr 2020

Updated NPM dependencies to fix security vulnerabilities.

1.0.7

Published on 10 Dec 2019

Actually deploy JS files this time.

1.0.6

Published on 31 Oct 2019

Updated NPM dependencies to fix security vulnerabilities.

1.0.5

Published on 16 Jul 2019

Updated NPM dependencies to fix security vulnerabilities.

1.0.4

Published on 05 Jul 2019

View all 11 releases

Contributors

Unable to fetch Contributors

View all 1 contributors

Languages

TypeScript

HTML

TypeScript (96.86%)

HTML (3.14%)

Developer

BTOdell

Download Statistics

Total Downloads

41,081

Last Day

Last Week

Last Month

141

Last Year

2,494

GitHub Statistics

5 Stars

38 Commits

1 Forks

3 Watching

17 Branches

1 Contributors

Bundle Size

1.67 kB

Minified

894.00 B

Minified + Gzipped

Bundlephobia

Maintainers

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,081

Last day

25%

Compared to previous day

Last week

-73.2%

Compared to previous week

Last month

60.2%

141

Compared to previous month

Last year

-21.1%

2,494

Compared to previous year

Daily Downloads

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

Versions

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 2024-12-23

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

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

html-webpack-replace-hashurl-plugin

0.1.0

webpack plugin replace hash url mutil-page