webpack-bundle-analyzer 3.0.0-beta.0 → 3.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +39 -0
- package/README.md +2 -2
- package/lib/BundleAnalyzerPlugin.js +11 -8
- package/lib/Logger.js +2 -28
- package/lib/analyzer.js +24 -43
- package/lib/bin/analyzer.js +18 -22
- package/lib/index.js +3 -2
- package/lib/parseUtils.js +4 -2
- package/lib/tree/BaseFolder.js +5 -3
- package/lib/tree/ConcatenatedModule.js +8 -8
- package/lib/tree/ContentFolder.js +7 -5
- package/lib/tree/ContentModule.js +7 -5
- package/lib/tree/Folder.js +8 -8
- package/lib/tree/Module.js +2 -2
- package/lib/tree/utils.js +2 -2
- package/lib/utils.js +3 -2
- package/lib/viewer.js +30 -38
- package/package.json +12 -11
- package/public/viewer.js +40 -1
- package/public/viewer.js.map +1 -1
- package/src/viewer.js +4 -2
- package/views/viewer.ejs +1 -0
package/lib/viewer.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
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); } }
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
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); }); }; }
|
|
6
6
|
|
|
7
7
|
const path = require('path');
|
|
8
8
|
|
|
@@ -22,8 +22,9 @@ const opener = require('opener');
|
|
|
22
22
|
|
|
23
23
|
const mkdir = require('mkdirp');
|
|
24
24
|
|
|
25
|
-
const
|
|
26
|
-
|
|
25
|
+
const {
|
|
26
|
+
bold
|
|
27
|
+
} = require('chalk');
|
|
27
28
|
|
|
28
29
|
const Logger = require('./Logger');
|
|
29
30
|
|
|
@@ -42,23 +43,16 @@ function startServer(_x, _x2) {
|
|
|
42
43
|
}
|
|
43
44
|
|
|
44
45
|
function _startServer() {
|
|
45
|
-
_startServer = (
|
|
46
|
-
const
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
_ref2$logger = _ref2.logger,
|
|
56
|
-
logger = _ref2$logger === void 0 ? new Logger() : _ref2$logger,
|
|
57
|
-
_ref2$defaultSizes = _ref2.defaultSizes,
|
|
58
|
-
defaultSizes = _ref2$defaultSizes === void 0 ? 'parsed' : _ref2$defaultSizes,
|
|
59
|
-
_ref2$excludeAssets = _ref2.excludeAssets,
|
|
60
|
-
excludeAssets = _ref2$excludeAssets === void 0 ? null : _ref2$excludeAssets;
|
|
61
|
-
|
|
46
|
+
_startServer = _asyncToGenerator(function* (bundleStats, opts) {
|
|
47
|
+
const {
|
|
48
|
+
port = 8888,
|
|
49
|
+
host = '127.0.0.1',
|
|
50
|
+
openBrowser = true,
|
|
51
|
+
bundleDir = null,
|
|
52
|
+
logger = new Logger(),
|
|
53
|
+
defaultSizes = 'parsed',
|
|
54
|
+
excludeAssets = null
|
|
55
|
+
} = opts || {};
|
|
62
56
|
const analyzerOpts = {
|
|
63
57
|
logger,
|
|
64
58
|
excludeAssets
|
|
@@ -80,7 +74,8 @@ function _startServer() {
|
|
|
80
74
|
return JSON.stringify(chartData);
|
|
81
75
|
},
|
|
82
76
|
|
|
83
|
-
defaultSizes: JSON.stringify(defaultSizes)
|
|
77
|
+
defaultSizes: JSON.stringify(defaultSizes),
|
|
78
|
+
enableWebSocket: true
|
|
84
79
|
});
|
|
85
80
|
});
|
|
86
81
|
const server = http.createServer(app);
|
|
@@ -129,20 +124,14 @@ function _startServer() {
|
|
|
129
124
|
}
|
|
130
125
|
|
|
131
126
|
function generateReport(bundleStats, opts) {
|
|
132
|
-
const
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
logger = _ref$logger === void 0 ? new Logger() : _ref$logger,
|
|
141
|
-
_ref$defaultSizes = _ref.defaultSizes,
|
|
142
|
-
defaultSizes = _ref$defaultSizes === void 0 ? 'parsed' : _ref$defaultSizes,
|
|
143
|
-
_ref$excludeAssets = _ref.excludeAssets,
|
|
144
|
-
excludeAssets = _ref$excludeAssets === void 0 ? null : _ref$excludeAssets;
|
|
145
|
-
|
|
127
|
+
const {
|
|
128
|
+
openBrowser = true,
|
|
129
|
+
reportFilename = 'report.html',
|
|
130
|
+
bundleDir = null,
|
|
131
|
+
logger = new Logger(),
|
|
132
|
+
defaultSizes = 'parsed',
|
|
133
|
+
excludeAssets = null
|
|
134
|
+
} = opts || {};
|
|
146
135
|
const chartData = getChartData({
|
|
147
136
|
logger,
|
|
148
137
|
excludeAssets
|
|
@@ -152,7 +141,8 @@ function generateReport(bundleStats, opts) {
|
|
|
152
141
|
mode: 'static',
|
|
153
142
|
chartData: JSON.stringify(chartData),
|
|
154
143
|
assetContent: getAssetContent,
|
|
155
|
-
defaultSizes: JSON.stringify(defaultSizes)
|
|
144
|
+
defaultSizes: JSON.stringify(defaultSizes),
|
|
145
|
+
enableWebSocket: false
|
|
156
146
|
}, (err, reportHtml) => {
|
|
157
147
|
if (err) return logger.error(err);
|
|
158
148
|
const reportFilepath = path.resolve(bundleDir || process.cwd(), reportFilename);
|
|
@@ -172,7 +162,9 @@ function getAssetContent(filename) {
|
|
|
172
162
|
|
|
173
163
|
function getChartData(analyzerOpts, ...args) {
|
|
174
164
|
let chartData;
|
|
175
|
-
const
|
|
165
|
+
const {
|
|
166
|
+
logger
|
|
167
|
+
} = analyzerOpts;
|
|
176
168
|
|
|
177
169
|
try {
|
|
178
170
|
chartData = analyzer.getViewerData(...args, analyzerOpts);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "webpack-bundle-analyzer",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.3",
|
|
4
4
|
"description": "Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap",
|
|
5
5
|
"author": "Yury Grunin <grunin.ya@ya.ru>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -33,20 +33,16 @@
|
|
|
33
33
|
"views"
|
|
34
34
|
],
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"
|
|
37
|
-
"@babel/runtime": "7.0.0",
|
|
38
|
-
"acorn": "^5.7.2",
|
|
36
|
+
"acorn": "^5.7.3",
|
|
39
37
|
"bfj": "^6.1.1",
|
|
40
38
|
"chalk": "^2.4.1",
|
|
41
|
-
"commander": "^2.
|
|
39
|
+
"commander": "^2.18.0",
|
|
42
40
|
"ejs": "^2.6.1",
|
|
43
41
|
"express": "^4.16.3",
|
|
44
42
|
"filesize": "^3.6.1",
|
|
45
43
|
"gzip-size": "^5.0.0",
|
|
46
|
-
"lodash": "4.17.10",
|
|
44
|
+
"lodash": "^4.17.10",
|
|
47
45
|
"mkdirp": "^0.5.1",
|
|
48
|
-
"mobx": "5.1.0",
|
|
49
|
-
"mobx-preact": "3.0.0",
|
|
50
46
|
"opener": "^1.5.1",
|
|
51
47
|
"ws": "^6.0.0"
|
|
52
48
|
},
|
|
@@ -55,11 +51,13 @@
|
|
|
55
51
|
"@babel/plugin-proposal-class-properties": "7.0.0",
|
|
56
52
|
"@babel/plugin-proposal-decorators": "7.0.0",
|
|
57
53
|
"@babel/plugin-transform-runtime": "7.0.0",
|
|
54
|
+
"@babel/polyfill": "7.0.0",
|
|
58
55
|
"@babel/preset-env": "7.0.0",
|
|
59
56
|
"@babel/preset-react": "7.0.0",
|
|
60
57
|
"@babel/register": "7.0.0",
|
|
58
|
+
"@babel/runtime": "7.0.0",
|
|
61
59
|
"babel-eslint": "9.0.0",
|
|
62
|
-
"babel-loader": "8.0.
|
|
60
|
+
"babel-loader": "8.0.2",
|
|
63
61
|
"babel-plugin-lodash": "3.3.4",
|
|
64
62
|
"chai": "4.1.2",
|
|
65
63
|
"chai-subset": "1.6.0",
|
|
@@ -74,17 +72,20 @@
|
|
|
74
72
|
"exports-loader": "0.7.0",
|
|
75
73
|
"gulp": "4.0.0",
|
|
76
74
|
"gulp-babel": "8.0.0",
|
|
75
|
+
"mobx": "5.1.0",
|
|
76
|
+
"mobx-preact": "3.0.0",
|
|
77
77
|
"mocha": "5.2.0",
|
|
78
78
|
"nightmare": "3.0.1",
|
|
79
|
+
"postcss-icss-values": "2.0.1",
|
|
79
80
|
"postcss-loader": "3.0.0",
|
|
80
81
|
"preact": "8.3.1",
|
|
81
82
|
"stream-combiner2": "1.1.1",
|
|
82
83
|
"style-loader": "0.23.0",
|
|
83
84
|
"uglifyjs-webpack-plugin": "1.3.0",
|
|
84
85
|
"url-loader": "1.1.1",
|
|
85
|
-
"webpack": "4.
|
|
86
|
+
"webpack": "4.18.0",
|
|
86
87
|
"webpack-cli": "3.1.0",
|
|
87
|
-
"webpack-dev-server": "3.1.
|
|
88
|
+
"webpack-dev-server": "3.1.8"
|
|
88
89
|
},
|
|
89
90
|
"keywords": [
|
|
90
91
|
"webpack",
|