Loader for SVG files generates bundle name twice on production build

[lmartins]

This is most likely a mistake on my end, as wpackio is otherwise working absolutely brilliantly.
I've extended Webpack configuration to be able to handle SVG files called from SCSS, I've done so following the docs to this result:

      webpackConfig: (config, merge, appDir, isDev) => {
        const customRules = {
          module: {
            rules: [
              {
                test: /\.(svg|mp4|webm)$/,
                issuer: issuerForNonJsTsFiles,
                use: [
                  {
                    loader: 'file-loader',
                    options: getFileLoaderOptions(appDir, isDev, false),
                  },
                ],
              },
            ],
          }
        };
        return merge(config, customRules);
      },

This works well in development mode, generating URLs for the SVG files like this:

https://192.168.86.81:3000/wp-content/themes/has2022/dist/app/assets/left_cutout-ea61de20.svg

However when I run the production build, I get a url like this:

https://site.wpengine.com/wp-content/themes/has2022/dist/app/app/assets/left_cutout-ea61de20.svg

Notice that is adding /app twice. The assets was correctly placed into the assets folder, its just that double /app name in the file path that is causing it to break.

Is this due to my configuration for the loader, or something else?

Thank you so much for this amazing tool!

[derweili]

@lmartins could you provide your wpackio.project.js and the PHP code loading the scripts?

[derweili]

There is probably something wrong with your paths.