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