Merge pull request #86 from bitlogic/SBIT-474

Sbit 474 - agregado gatsby-plugin-purgecss

Author: marino-martin

gatsby-config.js

@@ -1,3 +1,7 @@
+require("dotenv").config({
+  path: `.env`, // Asegúrate de que apunte al archivo correcto
+});
+
 module.exports = {
   trailingSlash: "always",
   siteMetadata: {
@@ -163,6 +167,13 @@ module.exports = {
         ],
       },
     },
+    {
+      resolve: `gatsby-plugin-purgecss`,
+      options: {
+        printRejected: true,     // Muestra las clases eliminadas en la consola
+        develop: false,          // PurgeCSS solo se ejecuta en producción
+      },
+    },
     "gatsby-plugin-offline",
     `gatsby-plugin-sass`,
   ],

package.json

@@ -19,6 +19,7 @@
     "gatsby-plugin-image": "^2.6.0",
     "gatsby-plugin-manifest": "^4.6.0",
     "gatsby-plugin-offline": "^5.6.0",
+    "gatsby-plugin-purgecss": "^6.2.1",
     "gatsby-plugin-robots-txt": "1.7.1",
     "gatsby-plugin-sass": "^5.6.0",
     "gatsby-plugin-sharp": "^4.6.0",

src/components/videoBackground/VideoBackground.js

@@ -116,7 +116,6 @@ const VideoBackground = ({ data }) => {
   const [isIntersecting, setIsIntersecting] = useState(false)
   const videoRef = useRef(null)
 
-
   const pausePlay = () => {
     if (isVideoPause) {
       videoRef?.current?.play()