一、webpack4.x
使用babel7.x 版本
使用:babel-loader @babel/core @babel/preset-env @babel/preset-react @babel/plugin-proposal-class-properties @babel/plugin-transform-runtime 等包
npm install babel-loader @babel/core @babel/preset-env @babel/preset-react @babel/plugin-proposal-class-properties @babel/plugin-transform-runtime -D
配置:
{
"presets": ["@babel/preset-env", "@babel/react"],
"plugins": [
"@babel/plugin-proposal-class-properties",
"@babel/plugin-transform-runtime"
]
}
二、继续使用babel6.x
使用:babel-loader@7.1.5 babel-core babel-preset-env babel-preset-react babel-plugin-transform-runtime 等包
npm install babel-loader@7 babel-core babel-preset-env babel-preset-react babel-plugin-transform-runtime -D
配置:
{
"presets": ["env", "react"],
"plugins": ["transform-runtime"]
}

本文详细介绍了如何在Webpack4.x中配置Babel7.x及在继续使用Babel6.x时的配置方法,包括所需安装的包及具体配置,为前端开发者提供了一套完整的配置指南。
969

被折叠的 条评论
为什么被折叠?



