Webpack postcss-loader打破了相对文件路径

时间:2016-02-09 15:43:33

标签: webpack postcss

我试图通过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正确使用相对文件路径?

1 个答案:

答案 0 :(得分:0)

这是postcss-loader中的一个错误。希望现在可以修复。

https://github.com/postcss/postcss-loader/issues/48