2015-11-24 26 views
5

Kaynak haritalara sahip olmak için, url('') ifadesindeki mutlak URL'leri kullanmam gerektiğini okudum. Ben öyle yaptım: Ben css yükleyici sourceMap seçeneği kaldırdığınızdaWebmail sass yükleyicisi, sourcemaps ve url ifadeleriyle

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

Ben etkinleştirmek eğer öyle değil, çalışır.

Sanırım mutlak yol noktasında bir yerde başarısız olmuş olabilirim, herhangi bir fikrin var mı? Daha genel bir fikre On

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' }, 
    ], 
    }, 
}; 

, ben yapmaya çalışıyorum şeyin bir çalışma örneğini bulamadık:

İşte benim yapılandırma dosyasıdır. Beni buna yönlendirebilirseniz çok ilgilenirim.

cevap

1

publicPathpublicPath, daha temiz bir çözüm ortaya çıkana kadar bunu düzeltmek için kullanılabilir.

+0

https://github.com/webpack/css-loader/issues/29 Ben bu çalışma almak edemedi bakın. Bana bir örnek verebilirmisin? Webpack.config.js'm var: 'module.export = {... çıktı: {publicPath: 'http: // localhost: 3000 /', ...}' Ama yine de resim yüklenemiyorum. SourceMap yükleyici dizesinden kaldırırım. – Anj

+0

Bu çözüm aslında yalnızca dev modunda çalışır, çünkü http: // localhost: 3000/', ürünün URL'si değildir. CSS kaynak haritalarının üretimde devre dışı kalmasını sağladım ... –

+0

Dev modda çalışıyorum ve bu benim için hiç işe yaramıyor. Üretimde kaynak haritalara da gerek duymayacağım, bu yüzden onları etkinleştiremedim, o yüzden her şey orada iyi çalışıyor. Ben sadece ekstre-text-plugin kullanarak bitti ve şimdi benim için çalışıyor. – Anj