Я думал, что у меня это работало две недели назад, прежде чем я взял отпуск.
Я говорю посылка
parcel build src/main.html
Где main.html имеет корневой JSX-файл и импортирует около 5 другихФайлы JSX
main.html
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<title>React App</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<script src="Main.jsx"></script>
</body>
</html>
Кроме того, babelrc очень прост:
.bablerc
{
"sourceMaps": "inline",
"presets": [
"@babel/preset-react"
],
"plugins": [
[
"transform-class-properties"
]
]
}
это генерирует: D: \ wwwroot \ protoJob \ dist \ Main.7485fc72.js.map
Но когда я открываю инструменты Chrome Dev, я вижу, что карта предназначена для связанного Main.js, но неРазбить для отдельных файлов JSX.
Это ограничение