初识 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 加载器的配置汇总

猜你喜欢

转载自www.cnblogs.com/-muzi/p/11912854.html