跳转到主文档

tools.babel

适用的工程方案

MWA,模块。

  • 类型: Object | Function
  • 默认值:{ presets: ['@modern-js/babel-preset-app'], plugins: [] }

通过 tools.babel 可以修改 babel-loader 的配置项。

类型

值为 Object 类型时,与默认配置通过 Object.assign 合并。

modern.config.js
export default defineConfig({
tools: {
babel: {
plugins: [
[
'babel-plugin-import',
{
libraryName: 'xxx-components',
libraryDirectory: 'es',
style: true,
},
],
],
},
},
});

值为 Function 类型时,默认配置作为第一个参数传入,可以直接修改配置对象,也可以返回一个值作为最终结果:

modern.config.js
export default defineConfig({
tools: {
babel: config => {
config.plugins.push([
'babel-plugin-import',
{
libraryName: 'xxx-components',
libraryDirectory: 'es',
style: true,
},
]);
},
},
});

插件信息

目前内部集成的 babel 预设如下所示:

目前内部集成的 babel 插件如下所示: