class BasicPlugin {
  // 在构造函数中获取用户为该插件传入的配置
  constructor(options) {
    this.options = options
  },
  // Webpack会调用BasicPlugin实例的apply方法为插件实例传入compiler对象
  apply(compiler) {
    compiler.plugin('compilation', function(compilation){
      // ... 监听到compilation事件后的一系列操作
    })
  }
}

// 导出
module.exports = BasicPlugin;

const BasicPlugin = require('./BasicPlugin.js');
module.exports = {
  Plugins: [
    new BasicPlugin(options),
  ]
}

// 发布
compiler.apply('event-name', params);

// 插件中订阅的事件回调就会被调用
compiler.plugin('event-name', function(params){
  // 监听到了事件的发布 该回调就会调用。
})

compiler.plugin('emit', function(compilation, callback){
  // 处理完毕后执行callback 以通知Webpack
  // 如果不执行callback ，运行流程将会一直卡在这里而不往后执行
  callback();
})

class Plugin {
  constructor() {

  },
  apply(complier) {
    complier.plugin('emit', function(compilation, callback){
      // compilation.chunks : Array 存放所有代码块
      compilation.chunks.forEach(function(chunk) {
        // 而chunk本身又是由很多个Modules组成的，所以也是二维数组
        // 可以使用forEachModule来遍历
        chunk.forEachModule(function (module) {
          // module就是chunk中每一个单独的模块
          // module.fileDependencies 存放当前模块的所有依赖的文件路径，是一个数组
          module.fileDependencies.forEach(function(filePath){
            // filePath 就是 module中每一个依赖文件的路径
          })
        })

        // Webpack 会根据Chunk 生成输出的文件资源，每个Chunk 都对应一个及以上的输出文件
        // 例如在chunk 中包含css 模块并且使用了ExtractTextPlugin 时
        // 该chunk 就会生成.js 和 .css 两个文件
        // chunk.files 就是该chunk将要输出的文件名称组成的数组
        chunk.files.forEach(function(filename){
          // compilation.assets 存放着当前即将输出的所有资源
          // 通过该文件名在compilation.assets中获取当前输出资源，调用一个输出资源的source()方法能获取输出资源的内容
          let source = compilation.assets[filename].source();
        })
      })
      // 这是一个异步事件，要记得调用callback 来通知Webpack 本次事件监听处理结束
      callback();
    })
  }
}

compiler.plugin('watch-run', function(watching, callback){
  // 获取发生变化的文件列表
  const changedFiles = watching.compiler.watchFileSystem.watcher.mtimes;
  // changedFiles 格式为键值对，键为发生变化的文件路径
  if (changedFiles['./show.js'] !== undefined) {
    // show.js 发生了变化
  }
  // 异步事件
  callback();
})

// after-compile 会在一次Compilation 执行完成
comper.plugin('after-compile', (compilation, callback) => {
  // 将HTML 文件添加到文件依赖列表中，因此在HTML 模板文件发生变化时重新启动一次编译
  compilation.fileDependencies.push('./test.html');
  callback();
})

// 修改输出文件
compiler.plugin('emit', (compilation, callback) => {
  // 设置名称为fileName 的输出资源
  compilation.assets[fileName] = {
      // source()用来输出文件内容，在source方法中对文件进行修改并输出
    source: () => {
      // 文件内容 既可以是代表文本文件的字符串，也可以是代表二进制文件的Buffer
      return fileContent;
    },
    // 返回文件的大小
    size: () => {
      return Buffer.byteLength(fileContent, 'utf8');
    }
  }
  callback();
})

// 读取输出文件
compiler.plugin('emit', (compilation, callback) => {
  // 读取名称为fileName 的输出资源
  const asset = compiler.assets[fileName];
  // 获取输出的内容
  asset.source();
  // 获取输出资源的大小
  asset.size();
  callback();
})

function hasExtractTextPlugin(compiler) {
  // 当前配置使用的所有插件列表
  const plugins = compiler.options.plugins;

  const tmp = plugins.find(plugin => {
    // 去plugins 中寻找有没有ExtractTextPlugin 的实例
    return plugin.__proto__.constructor === ExtractTextPlugin
  });

  return tmp != null;
}

// 如何使用 
module.exports = {
  Plugins: [
    // 在初始化的时候，传入两个参数，分别会成功回调和失败回调
    new EndWebpackPlugin(() => {
      // Webpack 构建成功，并且在文件输出后会执行到这里，在这里可以做发布文件操作
    }, (err) => {
      // Webpack 构建失败， err 是导致错误的原因
      console.log(err);
    })
]
}

// 插件代码

class EndWebpackPlugin {
  constructor(doneCb, failCb) {
    this.doneCb = doneCb;
    this.failCb = failCb;
  },
  apply(compiler) {
    compiler.plugin('done', function(stats){
      // 监听webpack 的 done 事件，回调doneCb
      this.doneCb(stats)
    })

    compiler.plugin('failed', function(err){
      // 监听webpack 的 done 事件，回调doneCb
      this.failCb(err)
    })
  }
}

module.exports = EndWebpackPlugin;