初识 webpack 中的加载器

通过 loader 打包非 js 模块

在实际开发过程中,webpack 默认只能打包处理以 .js 后缀名结尾的模块,其他非 .js 模块 webpack 默认处理不了, 需要调用 loader 加载器才可以正常打包,否则会报错!

1. loader 是什么?

loader 加载器可以协助 webpack 打包处理待定的文件模块,比如:

  • less-loader 可以打包处理 .less 相关的文件
  • sass-loader 可以打包处理 .scss 相关文件
  • url-loader 可以打包处理 css 中与 url 路径相关的文件

2. loader 的调用过程

loader

了解了 laoder 之后,那改如何配置 lader 呢,请看下一篇文章 webpack的 loader 加载器的配置汇总

posted @ 2019-11-22 17:24  木子蔻  阅读(271)  评论(0编辑  收藏  举报