babel入坑

1、使用之前参考：

https://blog.csdn.net/huangpb123/article/details/82229071

https://www.jianshu.com/p/287e0bb867ae

 

2过程：npm init————>安装Babel-cli——>安装babel-preset-env——>安装babel-plugin-transform-runtime

            新建并编辑.babelrc文件，具体如下

            

{
  "presets": [
    ["env", {
      "targets": {
        "browsers": ["last 2 versions", "safari >= 7"]
      }
    }]
  ],
  "plugins": ["transform-runtime"]
}

     编辑package.json文件

      "build": "babel src -d lib"

 

执行命令：npm run build

2、结合webpack使用

参考文档：https://segmentfault.com/a/1190000015354311

安装：@babel/core   babel-cli    babel-loader   babel-preset-env    find-up    pify   webpack

webpack.config.js配置：

module.exports = {
    entry: './test.js',
    output:
    {
        path: __dirname,
        filename: 'bundle.js'
    },
    module:
    {
        rules: [
        {
            test: /\.js$/,
            exclude: __dirname +/node_modules/,
			include: __dirname + 'src',
            loader: 'babel-loader',
			options: {
			    presets: ['env']
			},
        }]
    }
};

.babelrc文件（新建方式:文件名改为.babelrc.）:

{
    "presets": ["env"]
}

运行命令：

webpack  --mode production 

报错：Typeerror cannot read property 'bindings'  of null

原因：全局中不能使用let，他是代码块内有效

ie提示语法错误