prefix specific css file urls paths about url-loader HOT 7 CLOSED

@michael-ciniawsky bro, you can use publicPath to set up your project assets' prefix path. This is similar to the prefix.

from url-loader.

@newasmod I think you will need to set that up with css-loader and you could try the prefix option aswell

from url-loader.

@newasmod See @Genuifx comment 😛

from url-loader.

I fixed this by adding two more loaders before sass-loader:
'css-loader', 'resolve-url-loader', 'sass-loader'

https://github.com/webpack-contrib/sass-loader#problems-with-url

from url-loader.

@Genuifx when I try to set publicPath: "./", the css will refer to the current folder. is any option to override the publicPath for url-loader?

{
    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
    loader: 'url',
    query: {
      limit: 10000,
      name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
    },
      options: {
      publicPath: '/'
    }
  }

from url-loader.

@TonyLuo This is my configuration, remind that you need [email protected] cause url-loader dont support file-loader 1.0

             {
                   test: /\.(jpg|png|gif|svg)$/,
                   exclude: [projectStorage],
                   loader: 'url-loader',
                   options: {
                       limit: 10000,
                       publicPath: '../',
                       name: 'assets/[name].[hash:4].[ext]',
                   },
               }

from url-loader.

@Genuifx it works. thanks so much!

from url-loader.