mini-css-extract-plugin (opens new window)

plugin + loader 的组合

• loader.pitch
  • 创建子解析器，用于运行解析剩余 loader 作用后的结果
    • 在子解析器的afterCompile拿到编译结果，并移除所有 chunk assets
    • 将编译结果以CssDependency依赖的形式，关联到module上
  • 用async，在子解析器runAsChild的callback函数内，返回不包含实际编译结果
• plugin
  • 注册自定义Dependency的 DependencyFactory/DependencyTemplate 类
    • CssDependency
    • CssModuleFactory
    • CssDependencyTemplate
  • 根据module.type判断，整体从chunk维度
    • mainTemplate.renderManifest/chunkTemplate.renderManifest多加一个 manifest