{"id":16440333,"url":"https://github.com/constgen/html-webpack-noscript-plugin","last_synced_at":"2025-10-26T04:03:30.059Z","repository":{"id":57267785,"uuid":"330427521","full_name":"constgen/html-webpack-noscript-plugin","owner":"constgen","description":null,"archived":false,"fork":false,"pushed_at":"2021-02-09T12:33:39.000Z","size":13,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-08T19:46:25.005Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/constgen.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}},"created_at":"2021-01-17T15:52:28.000Z","updated_at":"2021-02-09T12:33:42.000Z","dependencies_parsed_at":"2022-09-02T05:41:02.762Z","dependency_job_id":null,"html_url":"https://github.com/constgen/html-webpack-noscript-plugin","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/constgen%2Fhtml-webpack-noscript-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/constgen%2Fhtml-webpack-noscript-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/constgen%2Fhtml-webpack-noscript-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/constgen%2Fhtml-webpack-noscript-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/constgen","download_url":"https://codeload.github.com/constgen/html-webpack-noscript-plugin/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240766672,"owners_count":19854114,"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":[],"created_at":"2024-10-11T09:11:51.583Z","updated_at":"2025-10-26T04:03:25.009Z","avatar_url":"https://github.com/constgen.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# html-webpack-noscript-plugin\n\n[![NPM version][npm-image]][npm-url]\n[![NPM downloads][npm-downloads]][npm-url]\n[![NPM Package][workflow-status]][actions]\n\nWebpack Plugin that extends HtmlWebpackPlugin template with `\u003cnoscript\u003e` tag with arbitrary HTML content inside\n\n## Installation\n\n`html-webpack-noscript-plugin` can be installed using NPM. Inside your project, make sure `html-webpack-plugin` is a development dependency.\n\n```bash\nnpm install --save-dev html-webpack-plugin html-webpack-noscript-plugin\n```\n\n## Setup\n\nThis plugin should go after `HtmlWebpackPlugin` in the `plugins` config\n\n**webpack.config.js**\n\n```js\nlet HtmlWebpackPlugin         = require('html-webpack-plugin')\nlet HtmlWebpackNoscriptPlugin = require('html-webpack-noscript-plugin')\n\nconst DISABLED_JAVASCRIPT_MESSAGE = `We're sorry but our app doesn't work properly \u003cb\u003ewithout JavaScript enabled\u003c/b\u003e. Please enable it to continue.`\n\nmodule.exports = {\n   plugins: [\n      new HtmlWebpackPlugin(),\n      new HtmlWebpackNoscriptPlugin(DISABLED_JAVASCRIPT_MESSAGE)\n   ]\n}\n```\n\nThis will affect the compiled HTML file\n\n**index.html**\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003ctitle\u003eWebpack App\u003c/title\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    \u003cnoscript\u003eWe're sorry but our app doesn't work properly \u003cb\u003ewithout JavaScript enabled\u003c/b\u003e. Please enable it to continue.\u003c/noscript\u003e\n    \u003cscript src=\"index_bundle.js\"\u003e\u003c/script\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\n[npm-image]: https://img.shields.io/npm/v/html-webpack-noscript-plugin.svg\n[npm-downloads]: https://img.shields.io/npm/dt/html-webpack-noscript-plugin.svg\n[npm-url]: https://npmjs.org/package/html-webpack-noscript-plugin\n[actions]: https://github.com/constgen/html-webpack-noscript-plugin/actions\n[workflow-status]: https://github.com/constgen/html-webpack-noscript-plugin/workflows/NPM%20Package/badge.svg?branch=main","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fconstgen%2Fhtml-webpack-noscript-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fconstgen%2Fhtml-webpack-noscript-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fconstgen%2Fhtml-webpack-noscript-plugin/lists"}