Webpack импортирует изображения из зависимого проекта

Question

У меня есть библиотека компонентов React, которая зависит от сторонней библиотеки.В этой зависимой библиотеке они содержат изображения с относительным путем:

# node_modules/third-party/dist/third-party.scss
.sort-indicator {
  background: url('../images/sort-asc.png')
}

В моем проекте у меня есть файл .scss, содержащий

@import '~third-party/dist/third-party.scss'

Я пробовал различные варианты использованияurl-loader, resol-url loader и file-loader, но ни один из них, похоже, не выполняет то, что я ожидал.У меня постоянно возникают проблемы, подобные приведенным ниже, когда он, по-видимому, пытается импортировать изображение из структуры каталогов моего кода вместо того, чтобы искать в каталоге изображений модуля:

Module not found: Error: Can't resolve '../images/sort-asc.png' in 'path/where/my/scss/file/resides.scss'

Мой текущий веб-пакет выглядит так:

...sniped for brevity...
rules: [
  { test: /\.scss$/,
    use: extractSASS.extract({
      use: [
        { loader: 'css-loader' },
        // { loader: 'resolve-url-loader' } // didn't work
        { loader: 'sass-loader' }
      ]
    })
  },
  // The below also didn't work
  // { test: /\.(png|gif)$/i, use: [{ 'url-loader?limit=5000' }] }

]