Webpack интерпретирует псевдонимы как строки пути

Question

Я создал псевдоним:

resolve: {
    alias: {
      'Images': path.resolve(__dirname, 'src/assets/images'),
    },
  }

Когда я пытаюсь его использовать:

background-image: url("Images/test.jpg");

Я получаю сообщение об ошибке:

Error: Can't resolve './Images/test.jpg'

Как я получил по ошибке, webpack просто передает мою строку с псевдонимом как простой путь. Как это исправить?

Answer 1

В html и css добавьте ~ перед псевдонимом.

background-image: url("~Images/test.jpg");