我试图通过webpack中的postcss-loader使用postcss-inline-svg插件,使用以下代码行内联SVG文件。
@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正确使用相对文件路径?
答案 0 :(得分:0)
这是postcss-loader中的一个错误。希望现在可以修复。