Why需要loaders?
webpack开箱即用只支持JS和JSON两种文件类型，但是比如css、less，还有目前市场上比较新的语法糖jsx，怎么处理呢？
通过Loaders去支持其他文件类型并且把它们转化为有效的模块，并且可以添加到依赖图中。
本身是一个函数，也就是接受源文件作为参数，返回转换的结果。
常见的loaders有哪些呢？
babel-loader ： 转换es6、es7等js新特性语法
css-loader ： 支持.css文件的加载和解析，转换成commonjs对象
style-loader ： 将样式通过<style>标签插入到head中
less-loader ： 将less文件转换成css
ts-loader ： 将typescript文件转换为js
file-loader ： 进行图文、文字等的打包
raw-loader ： 将文件已字符串的形式导入
thread-loader ： 多进程打包js和css
注意事项：webpack.config.js文件中配置module时，引入css-loader和style-loader的顺序，先写style-loader，
原因是：loader的调用是链式调用，它的执行顺序是从右到左的。
如有理解不对，请各位大神纠正