Html-webpack-import-static-pages NPM

HTML webpack import static HTML pages

Dynamically import static HTML pages for HTMLWebpack plugin without having to manually specify every path within your project.

This is an extension to the webpack plugin html-webpack-plugin.

Installation

npm install -D html-webpack-import-static-pages

Plugin requires webpack (v4 or higher), and html-webpack-plugin (v4 or higher - installed as a dependency).

Basic Usage

const HtmlWebpackImportStaticPages = require("html-webpack-import-static-pages");

module.exports = {
	entry: {
		app: path.resolve(__dirname, "src/js/index.js"),
		landing: path.resolve(__dirname, "src/js/views/landing/page-landing.js"),
	},
}

...

plugins: [
    new HtmlWebpackImportStaticPages({
	path: path.resolve(__dirname, 'dev/html'),
        blacklist: ['HTMLPageToBlacklist'],
        chunkAssign: {
            HTMLPageName: ['app', 'landing']
        }
    }),

...
]

Options

Name	Type	Requirements	Description
path	{pathname}	optional	A path to search for `.html` files - Defaults to `webpack.context/src`
blacklist	HTMLPageName	optional	Specify HTML files to be ignored by HtmlWebPackPlugin
chunkAssign	HTMLPageName: chunk	optional	Assign chunks to be included into specific .html pages