不是由WebPack生成的源地图

Z时代
2024-01-10
分类：问答

不可否认，我对source maps和webpack有基本的了解。这是我的理解，如果我在我的webpack.config.js文件中正确设置devtools，我应该得到映射到原始代码的源映射文件。不是由WebPack生成的源地图

我正在使用下面的配置文件，我没有得到任何源映射文件。任何想法为什么？

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'] 
    } 
}