babel安装步骤

1、安装依赖

cnpm i babel-loader @babel/core @babel/runtime @babel/preset-env @babel/preset-react -D
cnpm i @babel/plugin-proposal-class-properties @babel/plugin-transform-runtime -D

2、package.json

"@babel/core": "^7.8.4",
"@babel/plugin-proposal-class-properties": "^7.8.3",
"@babel/plugin-transform-runtime": "^7.8.3",
"@babel/preset-env": "^7.8.4",
"@babel/preset-react": "^7.8.3",
"@babel/preset-stage-0": "^7.8.3",
"@babel/runtime": "^7.8.4",
"babel-loader": "^8.0.6",

3、.babelrc配置

{
  "presets": ["@babel/preset-env", "@babel/react"],
  "plugins": ["@babel/plugin-transform-runtime","@babel/plugin-proposal-class-properties"]
}

4、webpack.config.js添加配置

module: {   //所有第三方模块的配置规则
        rules: [
            {test: /\.js|jsx$/, use: 'babel-loader', exclude: /node_modules/}
        ]
    }

---

新时代农民工