在 Babel 7 中,配置合并被称为"配置继承"。这意味着你可以在一个配置文件中继承另一个配置文件的设置。
以下是一个示例解决方案,展示了如何在 Babel 7 中使用配置继承:
npm install babel-loader babel-core --save-dev
.babelrc
的文件,并在其中定义基本的 Babel 配置,例如:{
"presets": ["@babel/preset-env"],
"plugins": ["@babel/plugin-transform-runtime"]
}
babel.config.js
的文件,在其中定义更高级的配置,例如:module.exports = {
overrides: [
{
test: "./src",
presets: [
[
"@babel/preset-env",
{
targets: {
chrome: "58",
ie: "11"
}
}
]
]
}
]
};
上面的配置示例中,overrides
字段用于指定特定的目录或文件,可以使用 test
字段来匹配特定的路径。在这个示例中,我们定义了一个特定于 ./src
目录的配置,指定了更具体的浏览器目标。
package.json
中添加构建命令,例如:"scripts": {
"build": "babel src -d dist"
}
上面的命令将 src
目录中的所有文件转换为 dist
目录中的 ES5 代码。
npm run build
以上就是在 Babel 7 中使用配置继承的解决方案。你可以根据项目的需求进一步定制配置,例如添加更多的插件或预设。