Webpack со стилусом-загрузчиком и Url-загрузчиком без загрузки изображений

У меня есть следующая структура

...
  login
    login.styles.styl
    background.png

В Webpack

...
{
  test: /.styl$/,
  loader: "style-loader!css-loader!stylus-loader"
},
{
  test: /.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)(?.*)?$/,
  loader: 'url?limit=900000'
}
...

В логин.стили.styl я пробовал все это, но ни один не работает…

background: url(./background.png)
background: url('./background.png')
background: './background.png'

Я также пробовал это на этот вопрос, но это не работает…

{
  test:   /.styl$/,
  loader: 'style!css!stylus?resolve url'
}

Есть идеи, что я могу пропустить?

Обновить

Я забыл, так как это приложение ng2 он не использует тот же универсальный загрузчик…

styles: [require('!raw!stylus!./login.styles.styl')],

Я попробовал оба

styles: [require('!raw!css!stylus!./login.styles.styl')],
styles: [require('!to-string!css!stylus!./login.styles.styl')],

Но ни то, ни другое, похоже, не работает

1 ответ

  1. По какой-то причине это сработало…

        {
          test: /\.styl$/,
          loaders: ["to-string", "css", "stylus"]
        },