webpack 的 loader 和 plugin 的区别？

都使用过哪些 loader 和 plugin ？

loader机制?

https://github.com/youngwind/blog/issues/101
loader本质是一个函数， 传入字符串， 输出字符串。（为esprima解析为AST做准备）

  • 同步loader， 如style-loader
  • 异步loader， 如less-loader

loaders则是一个自右向左的管道。

  1. loaders: ['style-loader', 'css-loader', 'less-loader']

逐级查找

  • 绝对路径
  • 相对路径
  • 模块名（内置模块、第三方模块-从/node_modules/）

    loader处在webpack构建流程的什么阶段？

plugin 机制?