release 4.20.0

Author: webdiscus

CHANGELOG.md

@@ -1,8 +1,8 @@
 # Changelog
 
-## 4.20.0-beta.0
+## 4.20.0
 
-- feat: add support for ESM data file
+- feat: add support for ESM data files
 - chore: remove tests with Node.js version 18
 
 ## 4.19.2

README.npm.md

@@ -24,27 +24,34 @@ npm install html-bundler-webpack-plugin --save-dev
 
 ## Highlights
 
-- An [entry point](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#option-entry) is any HTML template. **Start from HTML or template**, not from JS.
-- **Automatically** processes templates found in the [entry directory](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#option-entry-path).
-- Build-in support for [template engines](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#template-engine): [Eta](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#using-template-eta), [EJS](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#using-template-ejs), [Handlebars](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#using-template-handlebars), [Nunjucks](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#using-template-nunjucks), [Pug](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#using-template-pug), [Tempura](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#using-template-tempura), [TwigJS](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#using-template-twig), [LiquidJS](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#using-template-liquidjs).
-- Build-in support for **Markdown** `*.md` files in templates, see [Markdown demo](https://stackblitz.com/edit/markdown-to-html-webpack?file=webpack.config.js) in browser.
-
-- **Resolve** [source files](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#loader-option-sources) of [`script`](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#option-js), [`style`](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#option-css)
+- An [entry point](https://webdiscus.github.io/html-bundler-webpack-plugin/plugin-options-entry) is any HTML template. **Start from HTML or template**, not from JS.
+- **Automatically** processes templates found in the [entry directory](https://webdiscus.github.io/html-bundler-webpack-plugin/plugin-options-entry#template-directory-reference).
+- Built-in support for [template engines](https://webdiscus.github.io/html-bundler-webpack-plugin/category/template-engines): [Eta](https://webdiscus.github.io/html-bundler-webpack-plugin/guides/preprocessor/eta), [EJS](https://webdiscus.github.io/html-bundler-webpack-plugin/guides/preprocessor/ejs), [Handlebars](https://webdiscus.github.io/html-bundler-webpack-plugin/guides/preprocessor/handlebars), [Nunjucks](https://webdiscus.github.io/html-bundler-webpack-plugin/guides/preprocessor/nunjucks), [Pug](https://webdiscus.github.io/html-bundler-webpack-plugin/guides/preprocessor/pug), [Tempura](https://webdiscus.github.io/html-bundler-webpack-plugin/guides/preprocessor/tempura), [TwigJS](https://webdiscus.github.io/html-bundler-webpack-plugin/guides/preprocessor/twig), [LiquidJS](https://webdiscus.github.io/html-bundler-webpack-plugin/guides/preprocessor/liquid).
+- Built-in support for **Markdown** `*.md` files in templates, see [Markdown demo](https://stackblitz.com/edit/markdown-to-html-webpack?file=webpack.config.js) in browser.
+- Allows to [pass data](https://webdiscus.github.io/html-bundler-webpack-plugin/plugin-options-entry#entrydescriptiondata) into a template.
+- **Resolve** [source files](https://webdiscus.github.io/html-bundler-webpack-plugin/plugin-options-sources) of [`scripts`](https://webdiscus.github.io/html-bundler-webpack-plugin/plugin-options-js), [`styles`](https://webdiscus.github.io/html-bundler-webpack-plugin/plugin-options-css), images and other assets in HTML:
   - `<link href="./style.scss" rel="stylesheet">`
   - `<script src="./app.ts" defer="defer"></script>`
   - `<link href="../images/favicon.svg" type="image/svg" rel=icon />`
-  - `<img src="@images/pic.png" srcset="@images/pic400.png 1x, @images/pic800.png 2x" />`\
-  Source files will be resolved, processed and auto-replaced with correct URLs in the generated HTML.
-- **Resolve** [route URLs](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#option-router) in `a.href`, useful for navigation in multi-pages.
-- **Inline** [JS](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#recipe-inline-js), [CSS](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#recipe-inline-css) and [Images](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#recipe-inline-image) into HTML. See [how to inline all resources](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#recipe-inline-all-assets-to-html) into single HTML file.
-- Supports the [HMR for CSS](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#option-css-hot) to update CSS in browser without a full reload.
-- Watches for changes in the [data file](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#option-entry-data) linked to the template in the plugin option.
-- Generates the [preload](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#option-preload) tags for fonts, images, video, scripts, styles.
-- Generates the [integrity](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#option-integrity) attribute in the `link` and `script` tags.
-- Generates the [favicons](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#favicons-bundler-plugin) of different sizes for various platforms.
-- You can create custom plugins using the provided [Plugin Hooks](https://github.com/webdiscus/html-bundler-webpack-plugin/blob/master/README.md#plugin-hooks-and-callbacks).
-
-[GitHub](https://github.com/webdiscus/html-bundler-webpack-plugin)
+  - `<img src="@img/pic.png" srcset="@img/pic2.png 1x, @img/pic3.png 2x" />`\
+    Resolved assets will be processed and replaced with correct URLs in the generated HTML.
+- **Resolve** references to source files of fonts, images in CSS:
+  - `@font-face { src: url('@fonts/monaco.woff2') ... }`
+  - `background-image: url(../images/picture.png);`\
+    Resolved assets will be processed and replaced with correct URLs in the generated CSS, without using [resolve-url-loader](https://github.com/bholloway/resolve-url-loader).
+- **Resolve** [route URLs](https://webdiscus.github.io/html-bundler-webpack-plugin/plugin-options-router) in `a.href`, useful for navigation in multi-pages.
+- **Inline** [JS](https://webdiscus.github.io/html-bundler-webpack-plugin/guides/inline-js), [CSS](https://webdiscus.github.io/html-bundler-webpack-plugin/guides/inline-css) and [Images](https://webdiscus.github.io/html-bundler-webpack-plugin/guides/inline-images) into HTML. See [how to inline all resources](https://webdiscus.github.io/html-bundler-webpack-plugin/guides/inline-all-assets) into single HTML file.
+- Supports importing styles in JavaScript.
+- Supports styles used in `*.vue`.
+- Supports the [HMR for CSS](https://webdiscus.github.io/html-bundler-webpack-plugin/plugin-options-css) to update CSS in browser without a full reload.
+- Watches for changes in the [data file](https://webdiscus.github.io/html-bundler-webpack-plugin/plugin-options-entry#entrydescriptiondata) linked to the template in the plugin option.
+- Generates the [preload](https://webdiscus.github.io/html-bundler-webpack-plugin/plugin-options-preload) tags for fonts, images, video, scripts, styles.
+- Generates the [integrity](https://webdiscus.github.io/html-bundler-webpack-plugin/plugin-options-integrity) attribute in the `link` and `script` tags.
+- Generates the [favicons](https://webdiscus.github.io/html-bundler-webpack-plugin/Plugins/favicons) of different sizes for various platforms.
+- Minimizes generated HTML.
+- You can create custom plugins using the provided [Plugin Hooks](https://webdiscus.github.io/html-bundler-webpack-plugin/hooks-and-callbacks).
+
+[>> GitHub](https://github.com/webdiscus/html-bundler-webpack-plugin)
 
 ## Documentation
 

package.json

@@ -1,33 +1,31 @@
 {
   "name": "html-bundler-webpack-plugin",
-  "version": "4.20.0-beta.7",
-  "description": "Generates complete single-page or multi-page website from source assets. Build-in support for Markdown, Eta, EJS, Handlebars, Nunjucks, Pug. Alternative to html-webpack-plugin.",
+  "version": "4.20.0",
+  "description": "Generates complete single-page or multi-page website from source assets. Built-in support for Markdown, Eta, EJS, Handlebars, Nunjucks, Pug. Alternative to html-webpack-plugin.",
   "keywords": [
     "html",
     "bundler",
     "webpack",
     "plugin",
     "loader",
-    "entrypoint",
     "template",
-    "markdown",
-    "md",
     "ejs",
     "hbs",
     "handlebars",
     "nunjucks",
     "eta",
     "pug",
-    "pugjs",
-    "tempura",
     "twig",
-    "twigjs",
+    "markdown",
     "integrity",
-    "js",
+    "preload",
+    "inline",
     "javascript",
     "style",
     "css",
-    "scss"
+    "scss",
+    "favicons",
+    "svg"
   ],
   "license": "ISC",
   "author": "webdiscus (https://github.com/webdiscus)",