webpack. Url-loader returns a misspelled url, what's the problem?

Question

JavaScript

Good afternoon. In general, such trouble, url-loader returns a base64 curve.

require('url?limit=10000!./resources/images/obladaet.jpg');

webpack conf

{ test: /\.jpg$/,    loader: "url-loader?prefix=img/" },

And another question: how to use url-loader with stylus?

Answer 1

Hello. I just use stylus. I have this in my config:

{ test: /\.(png|jpg|gif)$/, loader: 'url-loader?limit=8192' }
{ test: /\.styl$/, loader: "style-loader!css-loader!stylus-loader?paths[]=node_modules&paths[]=app" }

I connect pictures through styles, webpack itself puts them in the assembly.

.vusluk-logo
  background-image url(./logo.png)

Answer 2

test: /\.jpg$/,    loader: "url-loader?name=img/[name].[ext]"