fix confetti image on home page

webpack/webpack.base.conf.js

@@ -109,6 +109,7 @@ const baseConfig = {
             loader: 'svg-url-loader',
             options: {
               limit: 10000,
+              name: utils.assetsPath('svg/[name].[hash:7].[ext]'),
             },
           },
           { loader: 'svgo-loader' },

website/client/components/static/home.vue

@@ -191,7 +191,7 @@
   }
 
   #intro-signup {
-    background-image: url('~client/assets/svg/for-css/confetti.svg');
+    background-image: url('~assets/svg/for-css/confetti.svg');
 
     img {
       margin: 0 auto;

website/server/middlewares/static.js

@@ -10,6 +10,7 @@ module.exports = function staticMiddleware (expressApp) {
   // Expose static files for new client
   expressApp.use('/static/js', express.static(`${BASE_DIR}/dist-client/static/js`, { maxAge: MAX_AGE }));
   expressApp.use('/static/css', express.static(`${BASE_DIR}/dist-client/static/css`, { maxAge: MAX_AGE }));
+  expressApp.use('/static/svg', express.static(`${BASE_DIR}/dist-client/static/svg`, { maxAge: MAX_AGE }));
   expressApp.use('/static/images', express.static(`${BASE_DIR}/dist-client/static/images`, { maxAge: MAX_AGE }));
 
   // @TODO img/js/css under /static have their names hashed after every change so they can be cached