gatsby-plugin-no-javascript-utils
Advanced tools
Readme
The utils for static site without JavaScript
npm i gatsby-plugin-no-javascript gatsby-plugin-no-javascript-utils
#or
yarn add gatsby-plugin-no-javascript gatsby-plugin-no-javascript-utils
// In your gatsby-config.js
module.exports = {
siteMetadata: {
title: 'Blog',
description: 'Web Blog',
},
plugins: [
'gatsby-plugin-react-helmet',
'gatsby-plugin-postcss',
/* ... */
// make sure it is included last in the plugins array.
'gatsby-plugin-no-javascript',
'gatsby-plugin-no-javascript-utils',
],
}
// In your gatsby-config.js
module.exports = {
plugins: [
'gatsby-plugin-no-javascript',
{
resolve: 'gatsby-plugin-no-javascript-utils',
options: {
noSourcemaps: true,
removeGeneratorTag: true,
removeReactHelmetAttrs: true,
noInlineStyles: false,
removeGatsbyAnnouncer: false,
removePreloadLinks: false,
},
},
],
}
noSourcemaps: (default: true)
Disable generation of JavaScript sourcemaps
removeGeneratorTag: (default: true)
Remove generator meta tag
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
- <meta name="generator" content="Gatsby 2.21.4">
<title>My Blog</title>
removeReactHelmetAttrs: (default: true)
Remove react-helmet data attributes
- <html lang="en" data-react-helmet="lang">
+ <html lang="en">
noInlineStyles: (default: false)
Replacing <style data-href> tag with <link> tag for reducing the size of HTML files and browser caching of CSS files.
- <style data-href="/styles.457cfd10c24f55260d5a.css"> ⋯ </style>
+ <link rel="stylesheet" href="/styles.457cfd10c24f55260d5a.css"/>
removeGatsbyAnnouncer: (default: false)
The <div id="gatsby-announcer" ⋯> is announcing route changes in a single-page application where the pages update without a reload. It may be unnecessary on a static sites.
<body>
<div id="___gatsby">
<div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"> ⋯ </div>
- <div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div>
</div>
removePreloadLinks: (default: false)
Preloading data is not needed if the site does not use any JavaScript.
<head>
<meta charSet="utf-8"/>
<meta http-equiv="x-ua-compatible" content="ie=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
- <link as="fetch" rel="preload" href="/page-data\index\page-data.json" crossorigin="anonymous"/>
- <link as="fetch" rel="preload" href="/page-data\app-data.json" crossorigin="anonymous"/>
FAQs
The utils for static site without javascript
The npm package gatsby-plugin-no-javascript-utils receives a total of 984 weekly downloads. As such, gatsby-plugin-no-javascript-utils popularity was classified as not popular.
We found that gatsby-plugin-no-javascript-utils demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ESLint has approved an RFC that adds support for TypeScript configuration files, which is aimed at improving the developer experience and recognizing changes in the evolving JavaScript ecosystem.
Security News
The NVD is facing a significant backlog with over 12,500 CVEs awaiting analysis, and more than 50% of known exploited vulnerabilities (KEVs) left unenriched since mid-February.
Security News
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.