未使用简单webpack配置生成源地图

Question

我无法获取由使用JSX定义的单个组件组成的简单React应用程序生成的源地图。我通过运行webpack -d -w来编译我的应用程序，并使用nodemon为应用程序提供服务。我尝试了各种源地图工具，但我没有任何运气。有没有人见过这个？我也尝试在输出中设置sourceMap名称，并且在生成文件时，它在调试时似乎不起作用，因为我的错误仍然指向我的包。

这里是我的配置：

module.exports = { 
 
    devtool: "source-map", 
 
    entry: './js/app.js', 
 
    output: { 
 
     path: __dirname + "/public", 
 
     filename: 'bundle.js' 
 
    }, 
 
    //loaders 
 
    module: { 
 
     loaders: [ 
 
      {test: /\.js$/, loader: 'babel-loader', 
 
      query : { presets: ['react', 'es2015']} 
 
     } 
 
     ] 
 
    } 
 
}

这里是我的package.json

{ 
 
    "name": "relay_tutorial", 
 
    "version": "1.0.0", 
 
    "description": "", 
 
    "scripts": { 
 
    "test": "echo \"Error: no test specified\" && exit 1", 
 
    "start": "babel-node --presets react,es2015 server.js" 
 
    }, 
 
    "author": "", 
 
    "license": "ISC", 
 
    "dependencies": { 
 
    "babel": "^6.23.0", 
 
    "babel-cli": "^6.24.1", 
 
    "babel-core": "^6.24.1", 
 
    "babel-loader": "^7.0.0", 
 
    "babel-preset-es2015": "^6.24.1", 
 
    "babel-preset-react": "^6.24.1", 
 
    "express": "^4.15.2", 
 
    "lodash": "^4.17.4", 
 
    "react": "^15.5.4", 
 
    "react-dom": "^15.5.4", 
 
    "webpack": "^2.5.1" 
 
    }, 
 
    "devDependencies": { 
 
    "babel-preset-es2015": "^6.24.1" 
 
    } 
 
}

Answer 1

如果这个配置你粘贴是德发展环境，请尝试使用eval-source-map或eval。更多信息here