You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							190 lines
						
					
					
						
							6.7 KiB
						
					
					
				
			
		
		
	
	
							190 lines
						
					
					
						
							6.7 KiB
						
					
					
				| "use strict";
 | |
| 
 | |
| 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); } }
 | |
| 
 | |
| 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); }); }; }
 | |
| 
 | |
| 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; }
 | |
| 
 | |
| 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; }
 | |
| 
 | |
| 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; }
 | |
| 
 | |
| const bfj = require('bfj');
 | |
| 
 | |
| const path = require('path');
 | |
| 
 | |
| const mkdir = require('mkdirp');
 | |
| 
 | |
| const {
 | |
|   bold
 | |
| } = require('chalk');
 | |
| 
 | |
| const Logger = require('./Logger');
 | |
| 
 | |
| const viewer = require('./viewer');
 | |
| 
 | |
| const utils = require('./utils');
 | |
| 
 | |
| class BundleAnalyzerPlugin {
 | |
|   constructor(opts = {}) {
 | |
|     this.opts = _objectSpread({
 | |
|       analyzerMode: 'server',
 | |
|       analyzerHost: '127.0.0.1',
 | |
|       reportFilename: null,
 | |
|       reportTitle: utils.defaultTitle,
 | |
|       defaultSizes: 'parsed',
 | |
|       openAnalyzer: true,
 | |
|       generateStatsFile: false,
 | |
|       statsFilename: 'stats.json',
 | |
|       statsOptions: null,
 | |
|       excludeAssets: null,
 | |
|       logLevel: 'info',
 | |
|       // deprecated
 | |
|       startAnalyzer: true
 | |
|     }, opts, {
 | |
|       analyzerPort: 'analyzerPort' in opts ? opts.analyzerPort === 'auto' ? 0 : opts.analyzerPort : 8888
 | |
|     });
 | |
|     this.server = null;
 | |
|     this.logger = new Logger(this.opts.logLevel);
 | |
|   }
 | |
| 
 | |
|   apply(compiler) {
 | |
|     this.compiler = compiler;
 | |
| 
 | |
|     const done = (stats, callback) => {
 | |
|       callback = callback || (() => {});
 | |
| 
 | |
|       const actions = [];
 | |
| 
 | |
|       if (this.opts.generateStatsFile) {
 | |
|         actions.push(() => this.generateStatsFile(stats.toJson(this.opts.statsOptions)));
 | |
|       } // Handling deprecated `startAnalyzer` flag
 | |
| 
 | |
| 
 | |
|       if (this.opts.analyzerMode === 'server' && !this.opts.startAnalyzer) {
 | |
|         this.opts.analyzerMode = 'disabled';
 | |
|       }
 | |
| 
 | |
|       if (this.opts.analyzerMode === 'server') {
 | |
|         actions.push(() => this.startAnalyzerServer(stats.toJson()));
 | |
|       } else if (this.opts.analyzerMode === 'static') {
 | |
|         actions.push(() => this.generateStaticReport(stats.toJson()));
 | |
|       } else if (this.opts.analyzerMode === 'json') {
 | |
|         actions.push(() => this.generateJSONReport(stats.toJson()));
 | |
|       }
 | |
| 
 | |
|       if (actions.length) {
 | |
|         // Making analyzer logs to be after all webpack logs in the console
 | |
|         setImmediate( /*#__PURE__*/_asyncToGenerator(function* () {
 | |
|           try {
 | |
|             yield Promise.all(actions.map(action => action()));
 | |
|             callback();
 | |
|           } catch (e) {
 | |
|             callback(e);
 | |
|           }
 | |
|         }));
 | |
|       } else {
 | |
|         callback();
 | |
|       }
 | |
|     };
 | |
| 
 | |
|     if (compiler.hooks) {
 | |
|       compiler.hooks.done.tapAsync('webpack-bundle-analyzer', done);
 | |
|     } else {
 | |
|       compiler.plugin('done', done);
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   generateStatsFile(stats) {
 | |
|     var _this = this;
 | |
| 
 | |
|     return _asyncToGenerator(function* () {
 | |
|       const statsFilepath = path.resolve(_this.compiler.outputPath, _this.opts.statsFilename);
 | |
|       mkdir.sync(path.dirname(statsFilepath));
 | |
| 
 | |
|       try {
 | |
|         yield bfj.write(statsFilepath, stats, {
 | |
|           space: 2,
 | |
|           promises: 'ignore',
 | |
|           buffers: 'ignore',
 | |
|           maps: 'ignore',
 | |
|           iterables: 'ignore',
 | |
|           circular: 'ignore'
 | |
|         });
 | |
| 
 | |
|         _this.logger.info(`${bold('Webpack Bundle Analyzer')} saved stats file to ${bold(statsFilepath)}`);
 | |
|       } catch (error) {
 | |
|         _this.logger.error(`${bold('Webpack Bundle Analyzer')} error saving stats file to ${bold(statsFilepath)}: ${error}`);
 | |
|       }
 | |
|     })();
 | |
|   }
 | |
| 
 | |
|   startAnalyzerServer(stats) {
 | |
|     var _this2 = this;
 | |
| 
 | |
|     return _asyncToGenerator(function* () {
 | |
|       if (_this2.server) {
 | |
|         (yield _this2.server).updateChartData(stats);
 | |
|       } else {
 | |
|         _this2.server = viewer.startServer(stats, {
 | |
|           openBrowser: _this2.opts.openAnalyzer,
 | |
|           host: _this2.opts.analyzerHost,
 | |
|           port: _this2.opts.analyzerPort,
 | |
|           reportTitle: _this2.opts.reportTitle,
 | |
|           bundleDir: _this2.getBundleDirFromCompiler(),
 | |
|           logger: _this2.logger,
 | |
|           defaultSizes: _this2.opts.defaultSizes,
 | |
|           excludeAssets: _this2.opts.excludeAssets
 | |
|         });
 | |
|       }
 | |
|     })();
 | |
|   }
 | |
| 
 | |
|   generateJSONReport(stats) {
 | |
|     var _this3 = this;
 | |
| 
 | |
|     return _asyncToGenerator(function* () {
 | |
|       yield viewer.generateJSONReport(stats, {
 | |
|         reportFilename: path.resolve(_this3.compiler.outputPath, _this3.opts.reportFilename || 'report.json'),
 | |
|         bundleDir: _this3.getBundleDirFromCompiler(),
 | |
|         logger: _this3.logger,
 | |
|         excludeAssets: _this3.opts.excludeAssets
 | |
|       });
 | |
|     })();
 | |
|   }
 | |
| 
 | |
|   generateStaticReport(stats) {
 | |
|     var _this4 = this;
 | |
| 
 | |
|     return _asyncToGenerator(function* () {
 | |
|       yield viewer.generateReport(stats, {
 | |
|         openBrowser: _this4.opts.openAnalyzer,
 | |
|         reportFilename: path.resolve(_this4.compiler.outputPath, _this4.opts.reportFilename || 'report.html'),
 | |
|         reportTitle: _this4.opts.reportTitle,
 | |
|         bundleDir: _this4.getBundleDirFromCompiler(),
 | |
|         logger: _this4.logger,
 | |
|         defaultSizes: _this4.opts.defaultSizes,
 | |
|         excludeAssets: _this4.opts.excludeAssets
 | |
|       });
 | |
|     })();
 | |
|   }
 | |
| 
 | |
|   getBundleDirFromCompiler() {
 | |
|     switch (this.compiler.outputFileSystem.constructor.name) {
 | |
|       case 'MemoryFileSystem':
 | |
|         return null;
 | |
|       // Detect AsyncMFS used by Nuxt 2.5 that replaces webpack's MFS during development
 | |
|       // Related: #274
 | |
| 
 | |
|       case 'AsyncMFS':
 | |
|         return null;
 | |
| 
 | |
|       default:
 | |
|         return this.compiler.outputPath;
 | |
|     }
 | |
|   }
 | |
| 
 | |
| }
 | |
| 
 | |
| module.exports = BundleAnalyzerPlugin; |