10.babel处理ES6语法

1.去babel官方网站-setup选择webpack

链接https://babeljs.io/setup#webpack

2.npm install --save-dev babel-loader @babel/core

//做而生=>ES5中间桥梁

3.webpack.config.js 配置

module: {

  rules: [

    { test: /\.js$/, 

     exclude: /node_modules/, 

     loader: "babel-loader"，

   options:{

              presets:[

                             ['@babel/preset-env,{

                              targets:{chrome:"67"},

                               useBuiltIns:'usage'}

                               //按需 引入业务代码

                               ]

                            ]

         }

      }

  ]

}

4.npm install @babel/preset-env --save-dev

//包含ES6=>ES5的规则

5.npm install --save @babel/polyfill//有些低版本浏览器特性不支持ES6=>ES5的规则转化的时候用

6.presets过长可放置 .babelrc文件