WebPack에서 생성하지 않은 원본 맵

Question

일반적으로 source maps 및 webpack에 대한 기본 이해가 있습니다. 내 webpack.config.js 파일에 devtools을 올바르게 설정하면 원본 코드에 매핑되는 원본 맵 파일을 가져와야한다는 것을 이해합니다.

다음 설정 파일을 사용 중이며 원본 맵 파일이 없습니다. 왜 그런가? 문서에 따르면

var IS_DEV = false; 

var webpack = require('webpack'); 
var path = require("path"); 

// Define plugins needed for production and dev cases 
var _pluginsDev = [ 
    new webpack.ProvidePlugin({ 
     'fetch': 'imports-loader?this=>global!exports-loader?global.fetch!whatwg-fetch', 
     moment: 'moment', 
     ps: 'perfect-scrollbar' 
    }), 

]; 
var _pluginsProd = [ 
    new webpack.ProvidePlugin({ 
     'fetch': 'imports-loader?this=>global!exports-loader?global.fetch!whatwg-fetch', 
     moment: 'moment', 
     ps: 'perfect-scrollbar' 
    }), 
    new webpack.DefinePlugin({ 
     'process.env': { 
      'NODE_ENV': JSON.stringify('production') 
     } 
    }), 
    new webpack.optimize.UglifyJsPlugin({ 
     minimize: true, 
     compress: true, 
     output: { comments: false } 
    }) 
]; 

var _devtool = IS_DEV ? 'eval' : 'cheap-module-source-map'; 
var _plugins = IS_DEV ? _pluginsDev : _pluginsProd; 
var _fileName = IS_DEV ? "./build/[name]-bundle.js" : "./dist/[name]-bundle.js"; 

var _bundles = { 
    login: './components/login/login.jsx', 
    home: './components/home/home.jsx' 
}; 

module.exports = { 
    entry: _bundles, 
    output: { 
     path: path.resolve(__dirname, "wwwroot"), 
     publicPath: "/", 
     filename: _fileName 
    }, 
    devtool: _devtool, 
    plugins: _plugins, 
    module: { 
     rules: [ 
      { 
       test: /\.jsx?$/, 
       exclude: /(node_modules|bower_components)/, 
       use: { 
        loader: "babel-loader", 
        options: { 
         presets: ['es2015', 'stage-2', 'stage-0', 'react'] 
        } 
       } 
      } 
     ] 
    }, 
    resolve: { 
     extensions: ['.js', '.jsx'] 
    } 
} 

Answer 1

,

당신이 sourceMap 제공해야 uglifyjs-웹팩-플러그인을 사용하여 : SourceMap 지원을 활성화하기 위해 진정한 옵션을 선택합니다.