如何为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" } 
     ] 
    }, 
};