项目根目录新增babel.config.js配置文件。
如果使用.babelrc配置文件,将不支持编译node_modules。
方式一
module.exports = {
presets: ['@babel/preset-env'],
plugins: [
[
"@babel/plugin-transform-runtime",
{
"corejs": 3
}
],
],
};
涉及的包
npm install --save-dev @babel/core
npm install --save-dev @babel/preset-env
npm install --save-dev @babel/plugin-transform-runtime
npm install --save @babel/runtime
npm install --save @babel/runtime-corejs3
方式二
module.exports = {
presets: [
[
'@babel/preset-env',
{
'useBuiltIns': 'usage',
'corejs': 3
}
]
],
plugins: [
[
"@babel/plugin-transform-runtime",
],
],
};
涉及的包
npm install --save-dev @babel/core
npm install --save-dev @babel/preset-env
npm install --save @babel/polyfill
npm install --save core-js@3
npm install --save-dev @babel/plugin-transform-runtime
npm install --save @babel/runtime
另外,目标环境的配置,官方推荐使用 .browserslistrc 文件来指定
> 0.25%
not dead
.browserslistrc更多配置参考