demo: theme-dependant SVG favicon

sneas · Jun 14, 2021 · d29e14c · d29e14c
1 parent f17230c
commit d29e14c
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 1 deletion.
diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/public/index.html b/public/index.html
@@ -12,7 +12,7 @@
     <link
       rel="icon"
       type="image/svg+xml"
-      href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22256%22 height=%22256%22 viewBox=%220 0 100 100%22><rect width=%22100%22 height=%22100%22 rx=%220%22 fill=%22%2383a5d5%22></rect><path fill=%22%23fff%22 d=%22M54.22 18.01L54.22 81.99L45.78 81.99L45.78 18.01L54.22 18.01Z%22></path></svg>"
+      href="<%=require('./favicon.svg')%>"
     />
     <link
       rel="stylesheet"

diff --git a/webpack.config.js b/webpack.config.js
@@ -39,6 +39,13 @@ const commonConfig = {
         test: /src\/.+\.html/,
         loader: 'html-loader',
       },
+      {
+        test: /favicon\.svg?$/,
+        loader: 'file-loader',
+        options: {
+          esModule: false,
+        },
+      },
     ],
   },
   resolve: {