{"id":23910778,"url":"https://github.com/tlinhart/html-webpack-inline-icon-plugin","last_synced_at":"2025-04-11T12:14:18.385Z","repository":{"id":59481090,"uuid":"536930733","full_name":"tlinhart/html-webpack-inline-icon-plugin","owner":"tlinhart","description":"Embed icons as data URLs in the output HTML file","archived":false,"fork":false,"pushed_at":"2024-10-29T17:48:40.000Z","size":162,"stargazers_count":1,"open_issues_count":5,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-10-29T19:02:44.441Z","etag":null,"topics":["html-webpack-plugin","plugin","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tlinhart.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-09-15T08:22:23.000Z","updated_at":"2024-10-21T06:51:20.000Z","dependencies_parsed_at":"2023-02-12T19:31:26.927Z","dependency_job_id":"f9896634-1198-43f2-97ea-b73411cd6ab8","html_url":"https://github.com/tlinhart/html-webpack-inline-icon-plugin","commit_stats":{"total_commits":67,"total_committers":2,"mean_commits":33.5,"dds":"0.14925373134328357","last_synced_commit":"61c04e2359f68ffe571904c03050f867fbb0783c"},"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tlinhart%2Fhtml-webpack-inline-icon-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tlinhart%2Fhtml-webpack-inline-icon-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tlinhart%2Fhtml-webpack-inline-icon-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tlinhart%2Fhtml-webpack-inline-icon-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tlinhart","download_url":"https://codeload.github.com/tlinhart/html-webpack-inline-icon-plugin/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248399067,"owners_count":21097295,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html-webpack-plugin","plugin","webpack"],"created_at":"2025-01-05T07:20:06.101Z","updated_at":"2025-04-11T12:14:18.364Z","avatar_url":"https://github.com/tlinhart.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Inline Icon Extension for HTML Webpack Plugin\n\n[![CI workflow status][badge]][actions]\n\n[badge]: https://github.com/tlinhart/html-webpack-inline-icon-plugin/actions/workflows/ci.yml/badge.svg\n[actions]: https://github.com/tlinhart/html-webpack-inline-icon-plugin/actions\n\nExtension to [`HtmlWebpackPlugin`](https://github.com/jantimon/html-webpack-plugin)\nwhich embeds icons as data URLs in the output HTML file. Inspired by\n[`InlineChunkHtmlPlugin`](https://github.com/facebook/create-react-app/blob/main/packages/react-dev-utils/InlineChunkHtmlPlugin.js)\nfrom [react-dev-utils](https://github.com/facebook/create-react-app/tree/main/packages/react-dev-utils)\npackage.\n\n## Installation\n\n```sh\nnpm install --save-dev html-webpack-inline-icon-plugin\n```\n\n## Usage\n\n```js\nconst path = require(\"path\");\nconst HtmlWebpackPlugin = require(\"html-webpack-plugin\");\nconst InlineIconHtmlPlugin = require(\"html-webpack-inline-icon-plugin\");\n\nmodule.exports = {\n  // ...\n  plugins: [\n    // Generate `index.html` with favicon injected.\n    new HtmlWebpackPlugin({\n      inject: true,\n      template: path.resolve(__dirname, \"public/index.html\"),\n      favicon: path.resolve(__dirname, \"public/favicon.png\"),\n    }),\n    // Inline icons with `favicon` in the name.\n    new InlineIconHtmlPlugin(HtmlWebpackPlugin, [/favicon/]),\n    // ...\n  ],\n  // ...\n};\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftlinhart%2Fhtml-webpack-inline-icon-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftlinhart%2Fhtml-webpack-inline-icon-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftlinhart%2Fhtml-webpack-inline-icon-plugin/lists"}