support webpack 5.0

Author: 奇风

lib/AutoWebPlugin.js

@@ -141,7 +141,9 @@ class AutoWebPlugin {
 			if (Array.isArray(postEntrys)) {
 				pageEntryArray = pageEntryArray.concat(postEntrys);
 			}
-			this.webpackEntry[pageName] = pageEntryArray;
+			this.webpackEntry[pageName] = {
+				import: pageEntryArray
+			};
 		});
 	}
 

lib/WebPlugin.js

@@ -1,7 +1,6 @@
 const path = require('path');
 const fs = require('fs');
 const querystring = require('querystring');
-const { SyncHook } = require('tapable');
 
 const util = require('./util');
 const HTMLDocument = require('./HTMLDocument');
@@ -95,9 +94,6 @@ class WebPlugin {
 		const { options } = this;
 		const { template, requires, filename, outputPagemap, outputPagemapFilename } = options;
 
-		// inject hooks
-		compiler.hooks.webPluginBeforeEmitHTML = new SyncHook(['htmlDocument']);
-
 		// get webpack compiler's env
 		if (global._isProduction === undefined) {
 			global._isProduction = util.isProduction(compiler);
@@ -111,9 +107,9 @@ class WebPlugin {
 			// watch for file changed event
 			compiler.hooks.watchRun.tap('WebPlugin', (watching) => {
 				// 发生变化的文件列表
-				const changedTimes = watching.watchFileSystem.watcher.mtimes;
+				const changedTimes = watching.watchFileSystem?.watcher?.mtimes;
 				// 如果 HTML 模版文件发生了变化就重新编译模版文件
-				if (changedTimes[template] !== undefined) {
+				if (changedTimes && changedTimes[template] !== undefined) {
 					// html template file has changed, re build this.htmlDocument
 					this.buildHtmlDocument();
 				}
@@ -158,7 +154,6 @@ class WebPlugin {
 			});
 
 			// get html document string
-			compiler.hooks.webPluginBeforeEmitHTML.call(this.htmlDocument);
 			const htmlOut = this.htmlDocument.serialize();
 			// add it to webpack output files
 			util.addFileToWebpackOutput(compilation, filename, htmlOut);

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "web-webpack-plugin",
-	"version": "4.6.7",
+	"version": "5.0.0",
 	"description": "web plugin for webpack, alternatives for html-webpack-plugin, use HTML as entry",
 	"keywords": [
 		"webpack",
@@ -51,8 +51,7 @@
 	"dependencies": {
 		"file-type": "^8.1.0",
 		"parse5": "^5.0.0",
-		"tapable": "^1.1.3",
-		"webpack": "^4.16.0"
+		"webpack": "^5"
 	},
 	"devDependencies": {
 		"@types/react": "^16.4.7",