关于babel的几点注意

‍1. Typo错误：拼写babel检查一下是否打成了bable或者bebel什么的；
2. 弱智错误：创建config.js或.babelrc等配置文件检查一下是否放在了项目外层的目录；
3. 大胆删除node_modules目录也没事，依赖包信息早在安装时已存在了package.js中，直接npm i一下就装回来了；
4. 借此↑特性，可以删除modules文件夹，然后修改(dev)dependencies中的版本或包名，再npm i以达到版本替换、批量修改的目的。
5. 在webpack.config.js中外层是module，里层也有个设置项叫module，再里层才是rules，排除/node_modules/时两个斜线是正则，不是目录路径！
6. babel的7版与8版存在很多差异，主要注意在包名与.babelrc文件的包名区别。这里贴一个7版可用的设置：

//package.js
  "devDependencies": {
    "@babel/core": "^7.5.5",
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-preset-env": "^1.7.0",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-0": "^6.24.1",
//.babelrc
{
    "presets": ["env","stage-0","react"],
    "plugins": ["transform-runtime"]
}
//webpack.config.js
    module:{
        rules: [
            {
                test: /\.js|jsx$/,
                use: 'babel-loader',
                exclude:/node_modules/
            }
        ]
    }