wklsh / html-webpack-import-static-pages

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

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

Version

v1.1.x

• Added custom paths

v1.0.x

• initial release