webpack环境 -- 开启调试 sourceMap

Source Map 调试:
插件: devtool
webpack.SourceMapDevToolPlugin
webpack.EvalSourceMapDevToolPlugin

开发环境配置值development:
eval 
eval-source-map
cheap-eval-source-map
cheap-module-eval-source-map

生产环境配置值production:
eval-source-map
hidden-source-map
nosource-source-map

webpack.config.js中配置

同时开启相对应的loader的sourcemap

// 配置sourcemap
devtool: 'eval',  // import 已经转化为 require
         'source-map' // import 未转化为 require 还是自己写的代码文件
         'cheap-module-source-map' // 第一次编译慢, 后面快

//loader中要配置(use中的loader都要加)sourceMap:true; 
{
    loader:'style-loader',
    option:{
        sourceMap: true,
        // singleton:true 设置singleton:true时, sourceMap不起作用
    }
}