Olá pessoal!
Gostaria de ajuda para configurar a versão mais nova do Babel (7.4.0+) no projeto. Essa versão do babel usa o core-js como polyfill e ele é ativado nos plugins.
O meu problema é que o SystemJS não está funcionando bem com esse conjunto. Ao transpilar o código, o Babel não coloca o caminho certo dos arquivos do core-js nem a extensão dos arquivos. Por exemplo:
System.register(["@babel/runtime-corejs3/core-js-stable/instance/concat", "@babel/runtime-corejs3/core-js-stable/instance/pad-start", "@babel/runtime-corejs3/core-js-stable/instance/reverse", "@babel/runtime-corejs3/core-js-stable/instance/map", "@babel/runtime-corejs3/helpers/construct", "@babel/runtime-corejs3/helpers/toConsumableArray", "@babel/runtime-corejs3/helpers/classCallCheck", "@babel/runtime-corejs3/helpers/createClass"], function (_export, _context) { ... }Os arquivos não começam com "node_modules" nem com um caminho relativo a eles e nem terminam com ".js".
No meu index.html a configuração do SystemJS está assim:
<script src="node_modules/systemjs/dist/system.js"></script>
<script>
System.config({
packages: {
"./build/js": {
defaultExtension: "js"
},
"./node_modules": {
defaultExtension: "js"
}
}
});
System.import("build/js/index.js").catch(err => console.error(err));
</script>E o meu babel.config.json está assim:
{
"presets": ["@babel/env"],
"plugins": [
[
"@babel/plugin-transform-runtime", {
"corejs": "3"
}
],
["@babel/plugin-transform-modules-systemjs"]
]
}Ao carregar o projeto ocorrem os erros abaixo:
system.js:4 GET http://localhost:3000/@babel/runtime-corejs3/core-js-stable/instance/concat 404 (Not Found)
Error: Fetch error: 404 Not Found
at system.js:4
at async Promise.all (:3000/index 0)
GET http://localhost:3000/@babel/runtime-corejs3/core-js-stable/instance/pad-start 404 (Not Found)e assim por diante para todos os polyfills importados pelo babel.
O projeto todo está no link do google drive abaixo. Agradeço antecipadamente a ajuda de todos.
https://drive.google.com/open?id=1y5-xr46a449paumGxkYeG-r-tjFtz2UX
