Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/ant/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 网页:我能在巴别塔之后,缩小之前得到一张源地图吗?_Reactjs_Webpack_Jsx_Babeljs_Source Maps - Fatal编程技术网

Reactjs 网页:我能在巴别塔之后,缩小之前得到一张源地图吗?

Reactjs 网页:我能在巴别塔之后,缩小之前得到一张源地图吗?,reactjs,webpack,jsx,babeljs,source-maps,Reactjs,Webpack,Jsx,Babeljs,Source Maps,我有一个相当基本的网页设置,运行巴贝尔和出来我的缩小js与源地图 现在,当我在chrome中运行我的源地图时,我在babel和缩小之前得到了js。然而,我经常希望我的源地图在巴别塔之后,但在缩小之前。这可能吗 TL;DR我想要巴别塔后期预缩小的源地图。可能吗? 完整性 我用Webpack4运行BabelLoader8 下面是chrome的屏幕截图,显示了问题所在。正如您所看到的,Dropzone标记表明这是jsx(在babel之前也是如此) 第二,这是我的网页配置(这与我的问题无关)

我有一个相当基本的网页设置,运行巴贝尔和出来我的缩小js与源地图

现在,当我在chrome中运行我的源地图时,我在babel和缩小之前得到了js。然而,我经常希望我的源地图在巴别塔之后,但在缩小之前。这可能吗

TL;DR
我想要巴别塔后期预缩小的源地图。可能吗?




完整性

我用Webpack4运行BabelLoader8

下面是chrome的屏幕截图,显示了问题所在。正如您所看到的,
Dropzone
标记表明这是jsx(在babel之前也是如此)


第二,这是我的网页配置(这与我的问题无关)


使用-d运行webpack会在chrome中提供第二组源代码映射,实现这一点

const path = require('path');

module.exports = {
    context: path.join(__dirname, 'Scripts', 'react'),
    entry: {
        client: './client'
    },
    output: {
        path: path.join(__dirname, 'Scripts', 'app'),
        filename: '[name].bundle.min.js'
    },
    module: {
        rules: [
            {
                test: /\.jsx?$/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader',
                    options: {
                        plugins: [require('@babel/plugin-proposal-object-rest-spread')],
                        presets: ["@babel/es2015", "@babel/react", "@babel/stage-0"]
                    }
                }
            }
        ]
    },
    resolve: {
        extensions: ['.js', '.jsx']
    },
    externals: {
        // Use external version of React (from CDN for client-side, or
        // bundled with ReactJS.NET for server-side)
        react: 'React'
    },
    devtool: 'source-map'
};