ProgressPlugin.js 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  1. /*
  2. MIT License http://www.opensource.org/licenses/mit-license.php
  3. Author Tobias Koppers @sokra
  4. */
  5. "use strict";
  6. class ProgressPlugin {
  7. constructor(options) {
  8. if(typeof options === "function") {
  9. options = {
  10. handler: options
  11. };
  12. }
  13. options = options || {};
  14. this.profile = options.profile;
  15. this.handler = options.handler;
  16. }
  17. apply(compiler) {
  18. const handler = this.handler || defaultHandler;
  19. const profile = this.profile;
  20. if(compiler.compilers) {
  21. const states = new Array(compiler.compilers.length);
  22. compiler.compilers.forEach(function(compiler, idx) {
  23. compiler.apply(new ProgressPlugin(function(p, msg) {
  24. states[idx] = Array.prototype.slice.apply(arguments);
  25. handler.apply(null, [
  26. states.map(state => state && state[0] || 0).reduce((a, b) => a + b) / states.length,
  27. `[${idx}] ${msg}`
  28. ].concat(Array.prototype.slice.call(arguments, 2)));
  29. }));
  30. });
  31. } else {
  32. let lastModulesCount = 0;
  33. let moduleCount = 500;
  34. let doneModules = 0;
  35. const activeModules = [];
  36. const update = function update(module) {
  37. handler(
  38. 0.1 + (doneModules / Math.max(lastModulesCount, moduleCount)) * 0.6,
  39. "building modules",
  40. `${doneModules}/${moduleCount} modules`,
  41. `${activeModules.length} active`,
  42. activeModules[activeModules.length - 1]
  43. );
  44. };
  45. const moduleDone = function moduleDone(module) {
  46. doneModules++;
  47. const ident = module.identifier();
  48. if(ident) {
  49. const idx = activeModules.indexOf(ident);
  50. if(idx >= 0) activeModules.splice(idx, 1);
  51. }
  52. update();
  53. };
  54. compiler.plugin("compilation", function(compilation) {
  55. if(compilation.compiler.isChild()) return;
  56. lastModulesCount = moduleCount;
  57. moduleCount = 0;
  58. doneModules = 0;
  59. handler(0, "compiling");
  60. compilation.plugin("build-module", function(module) {
  61. moduleCount++;
  62. const ident = module.identifier();
  63. if(ident) {
  64. activeModules.push(ident);
  65. }
  66. update();
  67. });
  68. compilation.plugin("failed-module", moduleDone);
  69. compilation.plugin("succeed-module", moduleDone);
  70. const syncHooks = {
  71. "seal": [0.71, "sealing"],
  72. "optimize": [0.72, "optimizing"],
  73. "optimize-modules-basic": [0.73, "basic module optimization"],
  74. "optimize-modules": [0.74, "module optimization"],
  75. "optimize-modules-advanced": [0.75, "advanced module optimization"],
  76. "optimize-chunks-basic": [0.76, "basic chunk optimization"],
  77. "optimize-chunks": [0.77, "chunk optimization"],
  78. "optimize-chunks-advanced": [0.78, "advanced chunk optimization"],
  79. // optimize-tree
  80. "revive-modules": [0.80, "module reviving"],
  81. "optimize-module-order": [0.81, "module order optimization"],
  82. "optimize-module-ids": [0.82, "module id optimization"],
  83. "revive-chunks": [0.83, "chunk reviving"],
  84. "optimize-chunk-order": [0.84, "chunk order optimization"],
  85. "optimize-chunk-ids": [0.85, "chunk id optimization"],
  86. "before-hash": [0.86, "hashing"],
  87. "before-module-assets": [0.87, "module assets processing"],
  88. "before-chunk-assets": [0.88, "chunk assets processing"],
  89. "additional-chunk-assets": [0.89, "additional chunk assets processing"],
  90. "record": [0.90, "recording"]
  91. };
  92. Object.keys(syncHooks).forEach(name => {
  93. let pass = 0;
  94. const settings = syncHooks[name];
  95. compilation.plugin(name, () => {
  96. if(pass++ > 0)
  97. handler(settings[0], settings[1], `pass ${pass}`);
  98. else
  99. handler(settings[0], settings[1]);
  100. });
  101. });
  102. compilation.plugin("optimize-tree", (chunks, modules, callback) => {
  103. handler(0.79, "module and chunk tree optimization");
  104. callback();
  105. });
  106. compilation.plugin("additional-assets", callback => {
  107. handler(0.91, "additional asset processing");
  108. callback();
  109. });
  110. compilation.plugin("optimize-chunk-assets", (chunks, callback) => {
  111. handler(0.92, "chunk asset optimization");
  112. callback();
  113. });
  114. compilation.plugin("optimize-assets", (assets, callback) => {
  115. handler(0.94, "asset optimization");
  116. callback();
  117. });
  118. });
  119. compiler.plugin("emit", (compilation, callback) => {
  120. handler(0.95, "emitting");
  121. callback();
  122. });
  123. compiler.plugin("done", () => {
  124. handler(1, "");
  125. });
  126. }
  127. let lineCaretPosition = 0,
  128. lastState, lastStateTime;
  129. function defaultHandler(percentage, msg) {
  130. let state = msg;
  131. const details = Array.prototype.slice.call(arguments, 2);
  132. if(percentage < 1) {
  133. percentage = Math.floor(percentage * 100);
  134. msg = `${percentage}% ${msg}`;
  135. if(percentage < 100) {
  136. msg = ` ${msg}`;
  137. }
  138. if(percentage < 10) {
  139. msg = ` ${msg}`;
  140. }
  141. details.forEach(detail => {
  142. if(!detail) return;
  143. if(detail.length > 40) {
  144. detail = `...${detail.substr(detail.length - 37)}`;
  145. }
  146. msg += ` ${detail}`;
  147. });
  148. }
  149. if(profile) {
  150. state = state.replace(/^\d+\/\d+\s+/, "");
  151. if(percentage === 0) {
  152. lastState = null;
  153. lastStateTime = Date.now();
  154. } else if(state !== lastState || percentage === 1) {
  155. const now = Date.now();
  156. if(lastState) {
  157. const stateMsg = `${now - lastStateTime}ms ${lastState}`;
  158. goToLineStart(stateMsg);
  159. process.stderr.write(stateMsg + "\n");
  160. lineCaretPosition = 0;
  161. }
  162. lastState = state;
  163. lastStateTime = now;
  164. }
  165. }
  166. goToLineStart(msg);
  167. process.stderr.write(msg);
  168. }
  169. function goToLineStart(nextMessage) {
  170. let str = "";
  171. for(; lineCaretPosition > nextMessage.length; lineCaretPosition--) {
  172. str += "\b \b";
  173. }
  174. for(var i = 0; i < lineCaretPosition; i++) {
  175. str += "\b";
  176. }
  177. lineCaretPosition = nextMessage.length;
  178. if(str) process.stderr.write(str);
  179. }
  180. }
  181. }
  182. module.exports = ProgressPlugin;