如何爲WebPack創建源地圖？

Question

我現在的webpack.config文件

module.exports = { 
    entry: "./entry.js", 
    output: { 
     devtoolLineToLine: true, 
     sourceMapFilename: "./bundle.js.map", 
     pathinfo: true, 
     path: __dirname, 
     filename: "bundle.js" 
    }, 
    module: { 
     loaders: [ 
      { test: /\.css$/, loader: "style!css" } 
     ] 
    }, 
}; 

我在這裏讀https://webpack.github.io/docs/configuration.html，發現如下：

output.sourceMapFilename

[文件]由JavaScript文件的文件名代替。

[id]被組塊的ID替換。

[散列]被編譯的散列代替。

我已經在上面添加它了，但是當我的webpack手錶運行時，我看不到地圖文件？

這是如何完成的？

Answer 1

有兩個選項：

使用CLI development shortcut與--watch選項一起：

webpack -d --watch 

或使用配置devtool選項在webpack.config.js：

module.exports = { 
    devtool: "source-map", 
    entry: "./entry.js", 
    output: { 
     devtoolLineToLine: true, 
     sourceMapFilename: "./bundle.js.map", 
     pathinfo: true, 
     path: __dirname, 
     filename: "bundle.js" 
    }, 
    module: { 
     loaders: [ 
      { test: /\.css$/, loader: "style!css" } 
     ] 
    }, 
};