Background image

src/main.css

@@ -16,6 +16,20 @@ body
    font-family: sans;
 }
 
+body::before {
+   content: "";
+   display: block;
+   position: absolute;
+   top: 0;
+   left: 0;
+   background-image: url(/assets/back.webp);
+   width: 100%;
+   height: 100%;
+   opacity: 0.15;
+   z-index: -1;
+}
+
+
 @media (max-width: 420px)
 {
    body

webpack.dev.js

@@ -41,7 +41,7 @@ module.exports = Object.assign(
 			{
 				filename: "[path].gz[query]",
 				algorithm: "gzip",
-				test: [/\.js/, /^assets\.*/],
+				test: [/\.js/, /\.svg/],
 				threshold: 1000
 			})
 		],

webpack.prod.js

@@ -29,7 +29,7 @@ module.exports = Object.assign(
 			{
 				filename: "[path].gz[query]",
 				algorithm: "gzip",
-				test: [/\.js/, /^assets\.*/],
+				test: [/\.js/, /\.svg/],
 				threshold: 1000
 			})
 		]