ES6: वेबपैक के लिए कोई स्रोत कोड "सस्ता-मॉड्यूल-eval-source-map" और "सस्ता-मॉड्यूल-स्रोत-मानचित्र" केवल ** वेबपैक फ़ोटर **

Question

यह काम करता था। अब जब मैं एक ब्रेकपाइंट जोड़ें:

saveSnippet: (title, imageUrl, role) => { 

     debugger; 
     ... 

क्रोम में परिणाम (53) है:

मैं इसके साथ खेल रहे हैं और को config बदल रहा है की कोशिश की 'सस्ते मॉड्यूल स्रोत -मैप ' और ' eval-source-map ' और ' स्रोत-मानचित्र '। केवल 'eval-source-map' और 'स्रोत-मानचित्र' अभी काम करें।

webpack.config.js (Webpack 1.13.2): जोड़ने के लिए

var path = require('path') 
    var webpack = require('webpack') 
    var CompressionPlugin = require("compression-webpack-plugin"); 

    module.exports = { 
    debug: true, 
    pathinfo:true, 
    devtool: 'cheap-module-eval-source-map', 
    entry: [ 
     'webpack-hot-middleware/client', 
     './app/index' 
    ], 
    output: { 
     path: path.join(__dirname, 'dist'), 
     filename: 'bundle.js', 
     publicPath: '/static/' 
    }, 
    plugins: [ 
     new webpack.optimize.OccurrenceOrderPlugin(), 
     new webpack.HotModuleReplacementPlugin(), 
     new CompressionPlugin({ 
     asset: "[path].gz[query]", 
     algorithm: "gzip", 
     test: /\.js$|\.css$|\.html$/, 
     threshold: 10240, 
     minRatio: 0.8 
     }) 

    ], 
    module: { 
     loaders: [{ 
     test: /\.js$/, 
     loaders: ['babel'], 
     exclude: /node_modules/, 
     include: __dirname 
     }] 
    } 
    } 

Answer 1

This answer बिल्कुल नहीं है एक ठीक-यह एक अलग (धीमा) मोड के लिए devtool सेटिंग अधिभावी के बराबर है।

सही ठीक this pull request में प्रस्तुत की गई थी, और आप अब Webpack 1.14.0 है कि यह भी शामिल करने के लिए अद्यतन कर सकते हैं।

Answer 2

प्रयास करें:

new webpack.EvalSourceMapDevToolPlugin() 

webpack config में अपने plugins अनुभाग के लिए

।