webpack loader使用

本节我们来学习 webpack 中 loader 加载器的使用，那么什么是 loader 呢。从本质上来说，loader 就是一个 Node.js 模块，在 webpack 的定义中，loader 导出一个函数，loader 会在转换源模块的时候调用该函数。

webpack 本身依然是只能处理 JS 文件的，但是通过一系列的 loader ，就可以处理其他文件啦。例如 Less 和 Sass，以前我们编译这些 CSS 预处理器，需要使用 gulp 进行编译，而显示可以通过 webpack 中的 loader 加载器来实现。

常见loader

webpack 中有一系列的 loader，在实际项目中，我们会根据不同的需求使用到不同的 loader。例如 webpack 中的一些常见 loader 如下所示：

• css-loader ： 用于处理 css 文件，使得能在 js 文件中引入使用。
• style-loader ： 用于将 css 文件注入到 index.html 中的