什么是loader?
loader在这里是加载器的意思。
loader 让 webpack 能够去处理那些非 JavaScript 文件（webpack 自身只理解 JavaScript）。loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块，然后你就可以利用 webpack 的打包能力，对它们进行处理。
本质上，webpack loader 将所有类型的文件，转换为应用程序的依赖图（和最终的 bundle）可以直接引用的模块。
【注意】loader 能够 import 导入任何类型的模块（例如 .css 文件），这是 webpack 特有的功能，其他打包程序或任务执行器的可能并不支持。我们认为这种语言扩展是很有必要的，因为这可以使开发人员创建出更准确的依赖关系图。
处理不同类型的文件需要不同的loader，如处理css文件同时需要css-loader和style-loader（style-loader用于处理行内样式）。
安装loader
以css为例，命令窗口项目目录下输入指令：
npm(cnpm) install --save css-loader style-loader
使用loader
配置 webpack.config.js告诉webpack我们增加了新的loader，npm社区中有配置模板（ www.npmjs.com/package/css… ）我们可以直接抄下来：
然后在入口文件main.js中引入css文件样式即可生效：
