fz-react-cli/src/ChunkManifestPlugin.js

A CLI tool for build modern web application and libraries

var RawSource = require('webpack-core/lib/RawSource');

function ChunkManifestPlugin(options) {
  options = options || {};
  this.manifestFilename = options.filename || 'manifest.json';
  this.manifestVariable = options.manifestVariable || 'webpackManifest';
  this.inlineManifest = options.inlineManifest || false;
  this.extraOption = options.extra || {};
}
module.exports = ChunkManifestPlugin;

ChunkManifestPlugin.prototype.constructor = ChunkManifestPlugin;
ChunkManifestPlugin.prototype.apply = function(compiler) {
  var manifestFilename = this.manifestFilename;
  var manifestVariable = this.manifestVariable;
  var inlineManifest = this.inlineManifest;
  var oldChunkFilename;
  var chunkManifest;
  var extraOption = this.extraOption;
  compiler.plugin('this-compilation', function(compilation) {
    var mainTemplate = compilation.mainTemplate;
    mainTemplate.plugin('require-ensure', function(_, chunk, hash) {
      var filename =
        this.outputOptions.chunkFilename || this.outputOptions.filename;
      var initialJS = {};
      if (filename) {
        chunkManifest = [chunk].reduce(function registerChunk(manifest, c) {
          if (c.id in manifest) {
            return manifest;
          }
          var hasRuntime =
            typeof c.hasRuntime === 'function' ? c.hasRuntime() : c.entry;

          if (hasRuntime && !c.isInitial()) {
            //c.isInital issue existing plugin
            manifest[c.id] = undefined;
          } else {
            var filePath = mainTemplate.applyPluginsWaterfall(
              'asset-path',
              filename,
              {
                hash: hash,
                chunk: c
              }
            );
            if (c.isInitial()) {
              initialJS[c.name || c.id] = filePath;
            }
            manifest[c.id] = filePath;
          }
          return c.chunks.reduce(registerChunk, manifest);
        }, {});
        oldChunkFilename = this.outputOptions.chunkFilename;
        this.outputOptions.chunkFilename = '__CHUNK_MANIFEST__';
        // mark as asset for emitting
        compilation.assets[manifestFilename] = new RawSource(
          JSON.stringify(
            Object.assign(extraOption, {
              manifestVariable: manifestVariable,
              manifest: chunkManifest,
              initialJS: initialJS
            })
          )
        );
        chunk.files.push(manifestFilename);
      }

      return _;
    });
  });

  compiler.plugin('compilation', function(compilation) {
    compilation.mainTemplate.plugin('require-ensure', function(
      _,
      chunk,
      hash,
      chunkIdVar
    ) {
      if (oldChunkFilename) {
        this.outputOptions.chunkFilename = oldChunkFilename;
      }

      return _.replace(
        '"__CHUNK_MANIFEST__"',
        'window["' + manifestVariable + '"][' + chunkIdVar + ']'
      );
    });

    if (inlineManifest) {
      compilation.plugin('html-webpack-plugin-before-html-generation', function(
        data,
        callback
      ) {
        var manifestHtml =
          '<script>window.' +
          manifestVariable +
          '=' +
          JSON.stringify(chunkManifest) +
          '</script>';
        callback(null, (data.assets[manifestVariable] = manifestHtml));
      });
    }
  });
};