diff --git a/README.md b/README.md index 3c51eebc..40de5ca8 100644 --- a/README.md +++ b/README.md @@ -24,6 +24,7 @@ This plugin is a modern solution for generating HTML containing JS, CSS, images, The plugin allows to use [any template](#template-engine) file as [entry point](#option-entry). In an HTML template can be referenced any source files, similar to how it works in [Vite](https://vitejs.dev/guide/#index-html-and-project-root) or [Parcel](https://parceljs.org/). + + +```mermaid +graph TD + *(Entrypoint) ==>|Start from HTML|A[HTML] + A -->|source style file in HTML|D[CSS] + A -->|source image file in HTML|E[img] + A -->|source script file in HTML|F[JS] + D -.->|source image file in style|G[img] + D -.->|source font file in style|J[font] + F -.->K[JS] + F -.->|import style file in JS|L[CSS] + F -.->M[img] +``` #### See: [install and quick start](#install) | [contents](#contents) | [simple example](#example) diff --git a/examples/inline-svg-unique-id/webpack.config.js b/examples/inline-svg-unique-id/webpack.config.js index 573474ca..48656e1e 100644 --- a/examples/inline-svg-unique-id/webpack.config.js +++ b/examples/inline-svg-unique-id/webpack.config.js @@ -37,7 +37,7 @@ module.exports = { params: { // disable prefix as filename prefix: false, - // enable unique ID for multiple inlining of the same SVG file containing IDs + // enable unique ID to avoid ID collision by inline multiple SVG files uniqueId: true, }, },