Отключить разрешение URL-адресов CSS/SASS/SCSS/LESS в Webpack 5. ⇐ CSS

[Anonymous]

В SASS у меня есть правило CSS с URL-адресом следующего вида:

Код: Выделить всё

.eSearchFAQsAccord-q {
&::after {
content: url("./images/caret.svg");
}
}

По умолчанию Webpack разрешит эту проблему (хотя мой SVG мешает). Я хочу, чтобы это НЕ разрешилось. Я хочу, чтобы браузер загружал это изображение отдельно из моего статического каталога.
Я не уверен, что сказать о том, что я пробовал до сих пор. Я перепробовал множество настроек со всего Интернета в своей конфигурации Webpack, но это не сработало...
Вот моя конфигурация Webpack, которая, как мне кажется, довольно нестандартно:

Код: Выделить всё

const CopyWebpackPlugin = require("copy-webpack-plugin");

module.exports = {
mode: "development",
entry: {
index: `./src/index.js`,
},
target: "web",
output: {
path: `${__dirname}/dist`,
filename: "[name].js",
},
plugins: [
new CopyWebpackPlugin({
patterns: [{ from: "static" }],
}),
],
devServer: {
hot: true,
inline: true,
host: "localhost",
port: 8080,
watchOptions: {
poll: true,
},
},
module: {
rules: [
{

test: /\.s[ac]ss$/i,
use: [
"style-loader",
{
loader: "css-loader",
options: {
sourceMap: true,
},
},
{
loader: "sass-loader",
options: {
sourceMap: true,
},
},
],
},
{
test: /\.js$/,
enforce: "pre",
use: ["source-map-loader"],
},
],
},
};

Я уверен, что моя проблема в том, что я не обладаю глубокими знаниями о Webpack, но документация, на мой взгляд, не особенно интуитивно понятна с первого взгляда.

Подробнее здесь: https://stackoverflow.com/questions/684 ... -webpack-5