在谷歌浏览器中调试React+Redux构建的项目，快速找到源文件

前端调试项目时，项目是基于webpack打包的，所以在谷歌浏览器中，只能找到打包后的文件，
而不是打包之前的项目源文件，这样不便于前端的调试。怎么在Source下打开想要调试的文件呢，有如下解决办法。

一 、非webpack构建的项目下，快速查看相关的代码

F12打开调试面板、打开source栏、点击open file（或者ctrl+p）、输入需要调试的文件名，然后就可以开始进行调试了。

二、webpack构建的项目下，快速查看相关的代码

接下来就需要在项目的webpack.config.js进行配置，加入这行代码：devtool: “cheap-module-eval-source-map”,