1.安裝 @babel/core
省撑、babel-loader
npm i babel-loader @babel/core -D
2.在項目根目錄新建babel配置文件湘纵,配置文件可以使以下形式
2.1 babel.config.js
文件
module.exports = function (api) {
api.cache(true)
const presets = ["@babel/preset-react"]
const plugins = ["transform-async-to-generator"]
return {
presets,
plugins
}
}
2.2 .babelrc
或 babel.config.json
文件
{
"presets": ["@babel/preset-react"],
"plugins": [...],
}
3.在webpack的配置
module.exports = {
module: {
rules: [
{
test: /\.(jsx|js)$/,
use: 'babel-loader'
}
]
}
}