feat(favicon): add favicon (#276)

ubilabs · Mar 4, 2020 · fb031c4 · fb031c4
1 parent 07c0456
commit fb031c4
Show file tree

Hide file tree

Showing 7 changed files with 71 additions and 2 deletions.
diff --git a/src/fonts/NotesEsaBol.otf → assets/fonts/NotesEsaBol.otf b/src/fonts/NotesEsaBol.otf → assets/fonts/NotesEsaBol.otf
diff --git a/src/fonts/NotesEsaBolIta.otf → assets/fonts/NotesEsaBolIta.otf b/src/fonts/NotesEsaBolIta.otf → assets/fonts/NotesEsaBolIta.otf
diff --git a/src/fonts/NotesEsaReg.otf → assets/fonts/NotesEsaReg.otf b/src/fonts/NotesEsaReg.otf → assets/fonts/NotesEsaReg.otf
diff --git a/src/fonts/NotesEsaRegIta.otf → assets/fonts/NotesEsaRegIta.otf b/src/fonts/NotesEsaRegIta.otf → assets/fonts/NotesEsaRegIta.otf
diff --git a/assets/images/favicon.svg b/assets/images/favicon.svg
diff --git a/src/scripts/components/app/app.styl b/src/scripts/components/app/app.styl
@@ -3,7 +3,7 @@
 @font-face
   font-style: normal
   font-family: NotesEsa
-  src: url('../../../fonts/NotesEsaReg.otf')
+  src: url('../../../../assets/fonts/NotesEsaReg.otf')
 
 :global(html), :global(body), :global(#app)
   overflow: hidden

diff --git a/webpack.config.js b/webpack.config.js
@@ -66,6 +66,16 @@ module.exports = (env, {mode} = {}) => {
               outputPath: 'fonts/'
             }
           }
+        },
+        {
+          test: /\.(svg)?$/,
+          use: {
+            loader: 'file-loader',
+            options: {
+              name: '[name].[ext]',
+              outputPath: 'images/'
+            }
+          }
         }
       ]
     },
@@ -84,7 +94,8 @@ module.exports = (env, {mode} = {}) => {
     },
     plugins: [
       new HtmlWebpackPlugin({
-        template: 'src/index.html'
+        template: 'src/index.html',
+        favicon: 'assets/images/favicon.svg'
       }),
       new MiniCssExtractPlugin({
         filename: 'styles.[hash].css'