Webpack+Babel入门与实例详解
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.4 Webpack预处理器

Loader是Webpack生态里一个重要的组成部分,我们一般称之为预处理器。

Webpack在打包的时候,将所有引入的资源文件都当作模块来处理。

但Webpack在不进行额外配置时,自身只支持对JS文件JSON文件模块的处理,如果你引入了一个CSS文件或图片文件,那么Webpack在处理该模块的时候,会通过控制台报错:Module parse failed...You may need an appropriate loader to handle this file type。

控制台告诉你模块解析失败,你需要一个合适的预处理器来处理该文件类型。

当Webpack自身无法处理某种类型文件模块的时候,我们就可以通过配置特定的预处理器,赋予Webpack处理该类型文件的能力。