webpack打包加载器

1. style-loader: 把上一步处理的结果以 style 内联样式的形式插入到 html 的 head 中
2. css-loader: 把 css 文件的内容处理成 style 格式的字符串，交给下一个 style-loader 处理
3. less-loader: 解析 less 文件的语法，生成 css 语法的文件，交给 css-loader 进一步处理
4. sass-loader: 解析 scss/sass 文件的语法，生成 css 语法的文件，交给 css-loader 进一步处理
5. stylus-loader: 解析 styl 文件的语法，生成 css 语法的文件，交给 css-loader 进一步处理
6. postcss: 是处理 css 文件的一些列插件的集合，比如常用的 autoprefixer 插件，可以自动的添加浏览器样式前缀
7. url-loader: 对图片、字体图标等文件根据文件大小决定使用图片链接或者把图片转成 base64 格式
8. file-loader: 源代码中文件的路径 和 产出的目标文件夹中的文件路径不一致，所以使用 file-loader 来处理
9. babel-loader: 对使用的 js 高级比较新的语法时，需要使用babel及相应的插件去解析转换成浏览器识别的语法