Я пытаюсь использовать плагин postcss-inline-svg через postcss-loader в webpack для вставки SVG-файла со следующей строкой кода.Webcack postcss-loader нарушает относительные пути к файлу
@svg-load atol url(images/abta.svg);
Однако, он работает только в том случае, если я поместил полный путь из корня моей машины, например.
@svg-load atol url(/Users/dave/dev/mobile/src/components/Footer/images/abta.svg);
Любая попытка использования относительного пути приводит к следующему сообщению об ошибке.
ERROR in ./~/css-loader?modules&sourceMap&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!./~/postcss-loader!./~/sass-loader?sourceMap!./~/stylelint-loader!./src/components/Footer/Footer.scss
Module build failed: Error: ENOENT: no such file or directory, stat '/Users/dave/dev/mobile/node_modules/sass-loader/index.js?sourceMap!/Users/dave/dev/mobile/node_modules/stylelint-loader/index.js!/Users/dave/dev/mobile/src/components/Footer/images/abta.svg'
at Error (native)
@ ./src/components/Footer/Footer.scss 4:14-320 13:2-17:4 14:20-326
В этом сообщении об ошибке указано, что файл не найден в том месте, где находится файл в моем проекте! Как я уже упоминал выше, копирование полного пути к файлу из ошибки в файл scss устраняет проблему, но, очевидно, это не решение.
Как я могу заставить postcss-loader правильно работать с относительными путями файлов?