🚨 Shai-Hulud Strikes Again:834 Packages Compromised.Technical Analysis →
Socket
Book a DemoInstallSign in
Socket
Book a DemoInstallSign in

html5-entry-webpack-plugin

Package Overview
Dependencies
Maintainers
1
Versions
61
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

html5-entry-webpack-plugin

Webpack plugin for allowing HTML files as entry modules.

latest
Source
npmnpm
Version
1.1.0
Version published
Weekly downloads
315
-36.49%
Maintainers
1
Weekly downloads
 
Created
Source

npm node chat size

html5-entry-webpack-plugin

The html5-entry-webpack-plugin allows using an HTML file as an entry module. It looks for resources in the file and includes them properly.

Getting Started

To begin, you'll need to install html5-entry-webpack-plugin:

npm install html5-entry-webpack-plugin --save-dev

Use an HTML file with all the necessary references:

index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My App</title>
<link rel="stylesheet" href="./style.scss">
</head>
<body>
<div id="app"></div>
<script src="./index.tsx"></script>
</body>
</html>

The references to the files index.tsx and style.scss will be resolved, handled, and replaced with their outputs.

Then add the plugin to your webpack config. For example:

webpack.config.js

const { resolve } = require('path');
const { Html5EntryWebpackPlugin } = require('html5-entry-webpack-plugin');

module.exports = {
  entry: {
    main: resolve(__dirname, 'src/index.html'),
  },
  plugins: [new Html5EntryWebpackPlugin()],
};

And run webpack via your preferred method. This will emit index.html as a file along the other files, script and style bundles.

Options

(No options yet.)

Contributing

Contributions in any form are appreciated and much welcome!

Just make sure to post an issue or reach out to me on Gitter before starting actual work on anything. It really helps to avoid problems.

License

This plugin is released using the MIT license.

Keywords

html
entry
first
initial
webpack
plugin

FAQs

Package last updated on 26 Dec 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

Deno 2.6 + Socket: Supply Chain Defense In Your CLI

Security News

Deno 2.6 + Socket: Supply Chain Defense In Your CLI

Deno 2.6 introduces deno audit with a new --socket flag that plugs directly into Socket to bring supply chain security checks into the Deno CLI.

By Sarah Gooding  -  Dec 12, 2025