fix: fix production assets paths

Author: ariser

config-overrides.js

@@ -5,19 +5,29 @@ const uiKitRoot = path.resolve(__dirname, 'node_modules/@gravity-ui/uikit');
 
 module.exports = {
     webpack: (config, env) => {
-        //do stuff with the webpack config...
-
         const oneOfRule = config.module.rules.find((r) => r.oneOf);
         oneOfRule.oneOf.splice(0, 0, {
             test: /\.svg$/,
             include: [path.resolve(srcRoot, 'assets/icons'), path.resolve(uiKitRoot, 'assets/icons')],
             loader: '@svgr/webpack',
             options: {dimensions: false},
         });
+
         if (env === 'production') {
+            oneOfRule.oneOf.splice(0, 0, {
+                test: /\.svg$/,
+                include: path.resolve(srcRoot, 'assets/illustrations'),
+                loader: 'file-loader',
+                options: {
+                    // default is 'static/media/...', but the embedded version static is served from 'resources/media/...',
+                    // and the 'resources' substring is handled by the publicPath below
+                    name: 'media/[name].[hash:8].[ext]',
+                },
+            });
             config.output.publicPath = 'resources/';
             config.output.path = path.resolve(__dirname, 'build/');
         }
+
         return config;
     },
     jest: (config) => {

prepare-build.sh

@@ -5,6 +5,8 @@ set -e
 cd build
 mv static resources
 mv favicon.png resources/
+mv media/* resources/media
+rm -r media
 
 if [ "$(uname)" = "Darwin" ]; then # MacOSX case
     sed -i '' -e 's/static\///g; s/favicon\.png/resources\/favicon\.png/' index.html