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-devUse 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.