如何使scss/sas/css加载程序不解析url调用?(WebPack内部)

Question

我的SCSS文件中有几个对url(some-path)的调用，css加载器坚持要将这些URL解析为它知道的东西。这些包含的文件在服务器/web上可用，但对WebPack不可见。我怎样才能让它只接受字符串？

在我的scss文件中，我有一个字体，例如：

@font-face {
font-style: normal;
font-weight: 400;
font-family: 'Noto Serif';
src: url($font-path + 'NotoSerif-Regular.ttf');
}

我得到一个错误：

Error: Can't resolve '/static/fonts/NotoSerif-Regular.ttf'

我只想让它发出这个字符串而不尝试解析它。我的WebPack文件中没有规则可以告诉它包含TTF文件。我最近升级了sass/css/loader节点模块；在它工作之前。

我不知道这个错误是来自WebPack还是Sass。

Answer 1

css加载程序中有一个禁用URL解析的设置：

// Translates CSS into CommonJS
loader: 'css-loader',
options: {
url: false,
},

其中一个版本升级必须将其默认值更改为true，从而使其向后不兼容。