• webpack 自带的打包器只能支持 JS 文件
  • 当我们想要加载 css/less/scss/stylus/ts/md 文件时,就需要用 loader
  • loader 的原理就是把文件内容包装成能运行的 JS
  • 比如
  • 加载 css 需要用到 style-loader 和 css-loader(由于单一职责的原则,一个loader只做一件事情)
  • style-loader 把代码挂载到 head 里的 style 标签里
  • 这里可以深入讲一下 style-loader 用到了 pitch 钩子和 request 对象
  • 大公司
  • 我写过一个简单的 loader 放在 github 上面,你可以看一下
  • 如果面试官问原理,就把代码大概思路说一遍
  • 然后说说我的loader 和 webpack 推荐的 loader 区别在哪里
  • 一般都是说缺点,我的 loade 不支持这里,不支持那里,但是由于足够支持我的项目了,所以没有更加深入了