kgjfk的博客

webpack中常见的loader有哪些？它们的作用是什么呢？之前我们有说到，webpack默认情况下只认识.js结尾的文件，要打包其它类型的文件，则我们需要在webpack.config.js文件中进行配置，只有通过正确的配置后，当webpack进行打包时才能对其它类型的文件进行正确的打包，那我们最常打包的文件类型有哪些呢？1.file-loaderfile-loader可以用于图片资源的打包配置，当我们只配置loader时，那打包好的图片资源默认是存放在输出文件所在的同级目录下，并且名称格式是：h

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