2016-08-25 14 views
18

kullanılarak yüklenmedi Webpack 2 kullanılarak oluşturulan bir uygulama çalıştırıldığında, kromda sourcemaps algılanır ancak orijinal kaynak yüklenmez. Webpack beta21 kullanıyorum.Sourcemaps, kromda algılandı ancak orijinal kaynak, webpack-2

Bu dosyalar otomatik olarak algılanmaktaydı, yani webpack js dosyasından çıkışa bir kesme noktası konulduğunda, kaynak görünümü orijinal kaynak girişine webpack'e atlardı. Fakat şimdi bu ekran ile şaşırıp: enter image description here

yapılandırma:

var path = require("path"); 
var webpack = require("webpack"); 
var WebpackBuildNotifierPlugin = require('webpack-build-notifier'); 


const PATHS = { 
    app: path.join(__dirname, '../client'), 
    build: path.join(__dirname, '../public') 
}; 

module.exports = { 


    entry: { 
    app: PATHS.app + '/app.js' 
    }, 
    output: { 
    path: PATHS.build, 
    filename: '[name].js' 
    }, 


    devtool: "source-map", 
    module: { 
    loaders: [ 
     { 
     test: /\.js?$/, 
     loader: 'babel-loader', 
     include: [ 
      path.resolve(__dirname, 'client'), 
     ], 
     exclude: /node_modules/ 

     }, 

     { 
     test: /\.css/, 
     loader: "style!css" 
     } 
    ] 
    }, 
    resolve: { 
    // you can now require('file') instead of require('file.js') 
    extensions: ['', '.js', '.json'] 
    } , 
    plugins: [ 
    new WebpackBuildNotifierPlugin() 
    ] 

}; 
+0

Benim için bu sadece satır içi kaynak-harita ile çalışır. – kuhnroyal

cevap

1

dış kaynak haritalar ile sorun Chrome 52'de giderilmiştir ancak devtool madenden farklı set var gibi görünüyor, Kullanıyorum:

devtool: '#source-maps' 

Kaynağınızı nasıl oluşturuyorsunuz? -d ile çalışıyorsanız, inline kaynak haritalarına geçecektir

+0

# eklediğinizde ne fark eder? –

+0

'#' JS dosyasına yapılan yönergeyi denetler. Eski tarayıcılar için '@' yerine kullanabilirsiniz: Orijinal kaynak harita belirtimi '@' olarak kullanılmış, ancak bu, '

0

Bir çalışma alanını eşleştiriyorsanız, bu kaynak kodunuzun zaten var demektir. Kaynak kodunu kaynak haritanıza dahil etmek gereksiz bir fazlalık yaratıyor. Bunun yerine, nosources-source-map kullanın.

İlgili konular