我目前正在将代码库从Babel 6迁移到7.代码由多个具有自己配置的单个项目组成.
主项目从外部导入文件,但是正在从主外部导入的脚本未被编译,并且在“意外令牌导入”时失败.直接位于main中的脚本可以正确传输.
我在主项目中使用以下命令来转换脚本:
babel-node ./index.js
另一个项目使用Webpack做同样的事情并正确处理所有事情.
这个设置也适用于Babel 6.
.babelrc for main
{
"ignore": [
"node_modules"
],
"presets": [
["@babel/preset-env", {
"targets": {
"node": "current"
},
"useBuiltIns": "entry"
}]
],
"plugins": [
[
"module-resolver", {
"alias": {
"External": "../external"
}
}
],
"@babel/plugin-proposal-decorators",
"@babel/plugin-proposal-object-rest-spread",
"@babel/plugin-proposal-export-default-from",
"@babel/plugin-proposal-export-namespace-from",
"@babel/plugin-proposal-class-properties"
]}
.babelrc为外部
{
"presets": [
"@babel/preset-react"
],
"plugins": [
"@babel/plugin-proposal-class-properties",
"@babel/plugin-proposal-object-rest-spread",
"@babel/plugin-transform-runtime"
]}
我创建了一个示例来详细说明我的问题:
TL; DR我正在尝试从项目的根目录之外导入脚本,但它们不会被Babel编译,项目中的脚本确实会发生变化.