You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
posthtml-noscript is a PostHTML plugin to insert noscript content.
Use Cases:
Display an "Enable JavaScript" message in a Single Page Application (SPA)
Specify resourcs (e.g. StyleSheets) to load if JavaScript is disabled
Before:
<body><divid="root"></div></body>
After:
<body><noscript>You need to enable JavaScript to run this app.</noscript><divid="root"></div></body>
Installation
# Yarn
yarn add -D posthtml-noscript
# NPM
npm i -D posthtml-noscript
# pnpm
pnpm i -D posthtml-noscript
Usage
constfs=require("fs");constposthtml=require("posthtml");const{ noscript }=require("posthtml-noscript");consthtml=fs.readFileSync("./index.html");posthtml().use(noscript({content: "You need to enable JavaScript to run this app.",})).process(html).then((result)=>fs.writeFileSync("./after.html",result.html));
Options
By default, the plugin prepends noscript markup inside the body tag.
Optionally, specify "head" as the parent tag to insert noscript content inside the head tag.
Before:
In this example, custom fonts are loaded via Adobe Typekit using JavaScript. Without a resource link fallback, custom fonts can't be loaded.
