BundleAnalyzerPlugin.js 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  1. "use strict";
  2. function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
  3. function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
  4. function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
  5. function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
  6. function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
  7. const bfj = require('bfj');
  8. const path = require('path');
  9. const mkdir = require('mkdirp');
  10. const {
  11. bold
  12. } = require('chalk');
  13. const Logger = require('./Logger');
  14. const viewer = require('./viewer');
  15. class BundleAnalyzerPlugin {
  16. constructor(opts = {}) {
  17. this.opts = _objectSpread({
  18. analyzerMode: 'server',
  19. analyzerHost: '127.0.0.1',
  20. reportFilename: null,
  21. defaultSizes: 'parsed',
  22. openAnalyzer: true,
  23. generateStatsFile: false,
  24. statsFilename: 'stats.json',
  25. statsOptions: null,
  26. excludeAssets: null,
  27. logLevel: 'info',
  28. // deprecated
  29. startAnalyzer: true
  30. }, opts, {
  31. analyzerPort: 'analyzerPort' in opts ? opts.analyzerPort === 'auto' ? 0 : opts.analyzerPort : 8888
  32. });
  33. this.server = null;
  34. this.logger = new Logger(this.opts.logLevel);
  35. }
  36. apply(compiler) {
  37. this.compiler = compiler;
  38. const done = (stats, callback) => {
  39. callback = callback || (() => {});
  40. const actions = [];
  41. if (this.opts.generateStatsFile) {
  42. actions.push(() => this.generateStatsFile(stats.toJson(this.opts.statsOptions)));
  43. } // Handling deprecated `startAnalyzer` flag
  44. if (this.opts.analyzerMode === 'server' && !this.opts.startAnalyzer) {
  45. this.opts.analyzerMode = 'disabled';
  46. }
  47. if (this.opts.analyzerMode === 'server') {
  48. actions.push(() => this.startAnalyzerServer(stats.toJson()));
  49. } else if (this.opts.analyzerMode === 'static') {
  50. actions.push(() => this.generateStaticReport(stats.toJson()));
  51. } else if (this.opts.analyzerMode === 'json') {
  52. actions.push(() => this.generateJSONReport(stats.toJson()));
  53. }
  54. if (actions.length) {
  55. // Making analyzer logs to be after all webpack logs in the console
  56. setImmediate( /*#__PURE__*/_asyncToGenerator(function* () {
  57. try {
  58. yield Promise.all(actions.map(action => action()));
  59. callback();
  60. } catch (e) {
  61. callback(e);
  62. }
  63. }));
  64. } else {
  65. callback();
  66. }
  67. };
  68. if (compiler.hooks) {
  69. compiler.hooks.done.tapAsync('webpack-bundle-analyzer', done);
  70. } else {
  71. compiler.plugin('done', done);
  72. }
  73. }
  74. generateStatsFile(stats) {
  75. var _this = this;
  76. return _asyncToGenerator(function* () {
  77. const statsFilepath = path.resolve(_this.compiler.outputPath, _this.opts.statsFilename);
  78. mkdir.sync(path.dirname(statsFilepath));
  79. try {
  80. yield bfj.write(statsFilepath, stats, {
  81. space: 2,
  82. promises: 'ignore',
  83. buffers: 'ignore',
  84. maps: 'ignore',
  85. iterables: 'ignore',
  86. circular: 'ignore'
  87. });
  88. _this.logger.info(`${bold('Webpack Bundle Analyzer')} saved stats file to ${bold(statsFilepath)}`);
  89. } catch (error) {
  90. _this.logger.error(`${bold('Webpack Bundle Analyzer')} error saving stats file to ${bold(statsFilepath)}: ${error}`);
  91. }
  92. })();
  93. }
  94. startAnalyzerServer(stats) {
  95. var _this2 = this;
  96. return _asyncToGenerator(function* () {
  97. if (_this2.server) {
  98. (yield _this2.server).updateChartData(stats);
  99. } else {
  100. _this2.server = viewer.startServer(stats, {
  101. openBrowser: _this2.opts.openAnalyzer,
  102. host: _this2.opts.analyzerHost,
  103. port: _this2.opts.analyzerPort,
  104. bundleDir: _this2.getBundleDirFromCompiler(),
  105. logger: _this2.logger,
  106. defaultSizes: _this2.opts.defaultSizes,
  107. excludeAssets: _this2.opts.excludeAssets
  108. });
  109. }
  110. })();
  111. }
  112. generateJSONReport(stats) {
  113. var _this3 = this;
  114. return _asyncToGenerator(function* () {
  115. yield viewer.generateJSONReport(stats, {
  116. reportFilename: path.resolve(_this3.compiler.outputPath, _this3.opts.reportFilename || 'report.json'),
  117. bundleDir: _this3.getBundleDirFromCompiler(),
  118. logger: _this3.logger,
  119. excludeAssets: _this3.opts.excludeAssets
  120. });
  121. })();
  122. }
  123. generateStaticReport(stats) {
  124. var _this4 = this;
  125. return _asyncToGenerator(function* () {
  126. yield viewer.generateReport(stats, {
  127. openBrowser: _this4.opts.openAnalyzer,
  128. reportFilename: path.resolve(_this4.compiler.outputPath, _this4.opts.reportFilename || 'report.html'),
  129. bundleDir: _this4.getBundleDirFromCompiler(),
  130. logger: _this4.logger,
  131. defaultSizes: _this4.opts.defaultSizes,
  132. excludeAssets: _this4.opts.excludeAssets
  133. });
  134. })();
  135. }
  136. getBundleDirFromCompiler() {
  137. switch (this.compiler.outputFileSystem.constructor.name) {
  138. case 'MemoryFileSystem':
  139. return null;
  140. // Detect AsyncMFS used by Nuxt 2.5 that replaces webpack's MFS during development
  141. // Related: #274
  142. case 'AsyncMFS':
  143. return null;
  144. default:
  145. return this.compiler.outputPath;
  146. }
  147. }
  148. }
  149. module.exports = BundleAnalyzerPlugin;