Webpack plugin to add <noscript> to body
npm install html-webpack-noscript-plugin[![NPM version][npm-image]][npm-url]
[![NPM downloads][npm-downloads]][npm-url]
[![NPM Package][workflow-status]][actions]
Webpack Plugin that extends HtmlWebpackPlugin template with tag with arbitrary HTML content inside
html-webpack-noscript-plugin can be installed using NPM. Inside your project, make sure html-webpack-plugin is a development dependency.
``bash`
npm install --save-dev html-webpack-plugin html-webpack-noscript-plugin
This plugin should go after HtmlWebpackPlugin in the plugins config
webpack.config.js
`js
let HtmlWebpackPlugin = require('html-webpack-plugin')
let HtmlWebpackNoscriptPlugin = require('html-webpack-noscript-plugin')
const DISABLED_JAVASCRIPT_MESSAGE = We're sorry but our app doesn't work properly without JavaScript enabled. Please enable it to continue.
module.exports = {
plugins: [
new HtmlWebpackPlugin(),
new HtmlWebpackNoscriptPlugin(DISABLED_JAVASCRIPT_MESSAGE)
]
}
`
This will affect the compiled HTML file
index.html
`html``
[npm-image]: https://img.shields.io/npm/v/html-webpack-noscript-plugin.svg
[npm-downloads]: https://img.shields.io/npm/dt/html-webpack-noscript-plugin.svg
[npm-url]: https://npmjs.org/package/html-webpack-noscript-plugin
[actions]: https://github.com/constgen/html-webpack-noscript-plugin/actions
[workflow-status]: https://github.com/constgen/html-webpack-noscript-plugin/workflows/NPM%20Package/badge.svg?branch=main