初识webpack之loader的作用

什么是loader？
前面有讲到，webpack是一个模块打包工具，它可以打包任何以模块方式引入的文件，而webpack实际上默认情况下它还是只能识别js文件，而要打包其它类型的文件，此时就需要我们在webpack.config.js配置文件中对需要打包的文件进行配置。只有配置之后，当我们的webpack在打包非js文件时，它才会去看配置文件中是怎么配置的，然后按照我们的配置进行打包，而配置打包规则时就需要用到我们的loader。配置非js打包规则如下：
从图中我们可以看到，在这个配置文件中，我们不止配置了webpack打包的入口和出口文件，还配置了module，而module中的rules就是配置的各种打包文件的打包方案。而要使用loader方案来打包文件，我们在打包之前就需要下安装我们需要用到的loader。
总结：loader实际上就是针对不同类型的打包文件提供的打包方案。