ES6：Babel-Loader

Webpack原生只支持json和js文件，不支持ES6的特性。所以需要引入Babel-Loader来实现对ES6语法的支持。
1.NPM 安装Babel-core等库
2.修改webpack.config.js ，在module中使用babel-loader
3.修改.babelrc 文件，为babel设置presets和plugins

  1. config.js
  2. module:{
  3.     rules:[
  4.     {test:'/\.js$/',use:'babel-loader'}
  5.   ]
  6. }

Babel-Loader还需要在.babelrc文件中增加babel的presets的配置。
Babel-Loader主要有两部分构成，一个是presets，一个是plugins。用来构建babel设置。

比如匹配React就可以增加如下配置：babel-react.png

Css-Loader

css-loader.png

Loader调用问题

在匹配某一个文件的时候，有时候会use到多个loader。多个loader之间的顺序必须符合特定的要求，因为webpack在构建这个loader的时候，是通过链式调用的，前一个loader调用返回的结果供下一个loader使用。