Sass 网页包-从绝对路径导入

我有一个

scss

文件，位于

src/app/views/style.scss

中

我在

src/app/images/icon.png

中还有一个图像文件

我想这样做：（注意绝对路径）

但是，这显然不起作用，因为我需要使用一个相对路径来访问父目录

这是可行的（相对路径），但不可取：

background-image: url("../images/ico-add.png");

---

如何配置Webpack以尊重嵌套文件中的绝对URL？

我遇到的问题是，当将一个scss文件导入不一定在同一目录中的另一个文件时，我会遇到问题。所以我认为使用绝对URL可以解决这个问题

我找到了解决这个问题的不同方法。使用，并设置webpack.config.js以使用：

{
        test: /\.scss$/,
        loaders: ["style", "css", 'resolve-url', "sass?sourceMap"]
}

现在，根据

url（…）

语句所在的原始文件，可以正确解析相对路径

---

但是，我仍然对使用绝对路径的问题的解决方案感兴趣。

这可以在css loader中配置：

对于以/开头的URL，默认行为是不转换它们：

---

因此，我假设您希望翻译URL以/开头。您可以向css加载程序添加根参数

你的网页配置是什么？您是否为文件/此类文件设置了基本路径？@ssube对于图像，我有

{test:/\.png$/，loader:'file loader？name=/images/[name].[ext]'}

{
        test: /\.scss$/,
        loaders: ["style", "css", 'resolve-url', "sass?sourceMap"]
}