loader

异常检测

做前端代码的异常监控，需要对前端的错误捕获；可能就需要在业务代码逻辑中添加try catch去捕获异常上报到线上，实时的去预警；这样就会导致代码混乱还容易出错；

如果使用webpack loader就很好的去解决，为所有function添加try catch

国际化

也可以自定义模板替换相应的语言， 如 `source.replace("$title$", '中文标题')

总结来说，就是如果你需要对源代码做一层包装，那么你就可以使用loader来实现

Plugin

在打包的具体时刻，你想做一些事情， 比如打包前清空dist目录

eg: 在打包后添加一个copyright.txt 文件

class CoryrightWebpackPlugin {
  apple(compiler) {
    comiler.hooks.emit.tapAsync("CopyrightWebpackPlugin", (compilation, cb) => {
      compilation.assets['copyright.txt'] = {
        source: function() {
          return 'copyright by izhaong';
        },
        size: function() {
          return 20;
        }
      };
      cb();
    })
  }
}