06.webpack-下载es6转es5的加载器(webpack-babel)和配置

在有些浏览器中,它不能够支持js的es6的新语法,这种时候webpack在进行打包时,我们就要下载一个es6转es5的加载器.

07-webpack-babel

一些老版的浏览器可能不支持ES6，这个babel的作用就是能够将ES6转换ES5，达到兼容的目的

1. npm install babel-loader @babel/core @babel/preset-env --save-dev

注意：

webpack 1.x | babel-loader <= 6.x

webpack 2.x | babel-loader >= 7.x (推荐) (^6.2.10 也能用, 但是会出现不推荐使用的警告)

webpack 3.x | babel-loader >= 7.1

rules :[
 {
      test: /\.js$/,
      // Webpack2建议尽量避免exclude，更倾向于使用include
      // exclude: /(node_modules)/, // node_modules下面的.js文件会被排除
      include: [path.resolve(__dirname, 'src')],
      use: {
        loader: 'babel-loader',
        // options里面的东西可以放到.babelrc文件中去
        options: {
// .babelrc文件内的配置
            presets: ['@babel/preset-env']
          }
      }
    }
]