Webpack && stylus-loader incorrectly resolve url paths

Question

Let\'s say I have home.styl menu/ menu.styl image.svg

home.styl is required from an entry point or JS.

Then:

ho

Answer 1

You want to use stylus-loader's resolve url option, which will replace the url() function inside your .styl files with a custom resolver.

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

See the corresponding code. Pretty cool solution.