Babel 配置示例
约 164 字小于 1 分钟
2025-03-15
module.exports = function (api) {
api.cache(true);
const presets = [
[
"@babel/preset-env",
{
targets: {
// 支持的浏览器
browsers: ["last 2 versions", "> 1%", "not dead"],
},
modules: true, // 启动 ES 模块转换。默认为 ture。不需要额外配置
useBuiltIns: "usage",
corejs: 3, // core.js版本 提供 polyfill
},
],
"@babel/preset-react", // 支持react的 jsx 语法
"@babel/preset-typescript", // 支持 ts 语法
];
const plugins = [
"@babel/plugin-proposal-class-properties", // 允许使用 Class 语法。
"@babel/plugin-transform-runtime", // 复用 Babel 的辅助代码,减少代码体积。
"@babel/plugin-syntax-dynamic-import", // 转换动态导入语法
"@babel/plugin-syntax-async-generators", // 支持 generator 生成器函数
];
return {
presets,
plugins,
env: {
development: {
plugins: ["react-hot-loader/babel"],
},
production: {
plugins: ["transform-remove-console"], // 移除console
},
},
};
};
更新日志
2025/8/24 08:17
查看所有更新日志
e7112
-1于