webpack将所有静态资源都视为模块，比如JavaScript、CSS、LESS、JSX、CoffeeScript、图片等，从而可以对其进行统一管理。为此，webpack引入了加载器（Loaders）的概念，每一种资源都可以通过对应的加载器处理成模块。webpack的加载器之间可以进行串联，一个加载器的输出可以成为另一个加载器的输入。比如，LESS文件先通过less-loader处理成CSS，然后再通过css-loader加载成CSS模块，最后由style-loader加载器对其做最后的处理，这样在运行时可以通过style标签将其应用到最终的浏览器环境。 为了让webpack识别资源应该用哪种加载器去载入，需要在配置文件中进行配置，即在module.loaders的test属性下编写正则表达式，通过正则表达式对文件名进行匹配，匹配成功则使用该加载器进行处理。例如： 使用哪种加载器来处理文件完全取决于配置。加载器之间可以通过感叹号连接表示级联，例如对于LESS资源，写法为style-loader！css-loader！less-loader。对于小型的图片资源，也可以将其进行统一打包，由url-loader实现，在代码url-loader limit=8192中，limit参数的含义就是对小于limit的图片资源使用url-loader进行打包。图片打包这种方式，在一定程度上可以替代CSS Sprites方案，以有效降低前端对小图片的请求数量。现在有很多第三方加载器可以实现常见静态资源的打包管理，基本上能满足日常开发需求，并不需要自行开发加载器，但对于特殊的需求，用户也可以开发自己的加载器。