Ошибка: файл для импорта не найден или не читается - импорт scss с помощью Webpack

Question

Это мой конфиг.Это новая настройка, поэтому она очень чистая.

resolve: {
    alias: {
      '@': path.resolve(__dirname, '../src'),
    },
    extensions: [
      '.scss',
      '.js',
    ],
  },

  entry: path.resolve(__dirname, '../src/index.js'),

В @/ui/style/base.scss У меня есть:

@import '@/ui/style/variables.scss';

Сообщение об ошибке:

Error: File to import not found or unreadable: @/ui/style/variables.scss. at options.error (/Users/andy/dev/chess.com/client/relay/node_modules/node-sass/lib/index.js:291:26) @ ./src/index.js 2:0-54 4:32-35

Я также пробовал: ~@/ui/style/variables.scss ~@/ui/style/variables @/ui/style/variables

Единственное, что работает, - это использование относительного пути.Все остальные ресурсы (.js) загружаются правильно с использованием псевдонима @.