Webpack sass loader z sourcemaps i instrukcjami url

Question

Przeczytałem, że aby mieć mapy źródłowe, muszę używać bezwzględnych adresów URL w oświadczeniu url(''). zrobiłem to w ten sposób:

body 
    background-image: url('/elements/assets/tmp_background.jpg') 

To działa, gdy mogę usunąć opcję sourceMap z ładowaczem CSS, to nie robi, gdybym go uaktywnić.

Myślę, że mogłem zawalczyć gdzieś w punkcie absolutnej ścieżki, czy masz jakieś pomysły?

Oto mój plik konfiguracyjny:

module.exports = { 
    devtool: 'source-map', 
    entry: [ 
    'webpack/hot/dev-server', 
    'webpack-dev-server/client?http://localhost:8080', 
    path.resolve(__dirname, 'elements/main.js'), 
    ], 
    output: { 
    path: 'dist', 
    publicPath: '/', // Prefix for all the statics urls 
    filename: 'bundle.js', 
    }, 
    resolve: { 
    root: path.resolve(__dirname), 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loader: 'babel-loader?presets[]=es2015', 
     }, 
     { test: /\.css$/, loaders: ['style', 'css'] }, 
     { test: /\.scss$/, loaders: ['style', 'css?sourceMap', 'sass?sourceMap'] }, 
     { test: /\.sass$/, loaders: ['style', 'css?sourceMap', 'sass?sourceMap&indentedSyntax=true'] }, 
     { test: /\.jade$/, loaders: ['ngtemplate', 'html', 'jade-html'] }, 
     { test: /\.(png|gif|jp(e)?g)$/, loader: 'url-loader?limit=8192' }, 
     { test: /\.(ttf|eot|svg|woff(2))(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'url-loader?limit=50000' }, 
    ], 
    }, 
}; 

Na bardziej ogólnej idei, nie mogłem znaleźć pracy przykład tego, co próbuję zrobić. Byłbym bardzo zainteresowany, gdybyś mógł mnie do tego przekierować.

Answer 1

Można to naprawić, używając publicPath, aż pojawi się czystsze rozwiązanie.

Zobacz https://github.com/webpack/css-loader/issues/29