24 | );
25 | }
26 |
27 | get style() {
28 | const {name, size, rotate} = this.props;
29 | const icon = ICONS[name];
30 |
31 | if (!icon) throw new TypeError(`Can't find "${name}" icon.`);
32 |
33 | let [width, height] = icon.size;
34 |
35 | if (size) {
36 | const ratio = size / Math.max(width, height);
37 | width = Math.min(Math.ceil(width * ratio), size);
38 | height = Math.min(Math.ceil(height * ratio), size);
39 | }
40 |
41 | return {
42 | backgroundImage: `url(${icon.src})`,
43 | width: `${width}px`,
44 | height: `${height}px`,
45 | transform: rotate ? `rotate(${rotate}deg)` : ''
46 | };
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/client/components/ModuleItem.css:
--------------------------------------------------------------------------------
1 | .container {
2 | background: no-repeat left center;
3 | cursor: pointer;
4 | margin-bottom: 4px;
5 | padding-left: 18px;
6 | position: relative;
7 | white-space: nowrap;
8 | }
9 |
10 | .container.module {
11 | background-image: url('../assets/icon-module.svg');
12 | background-position-x: 1px;
13 | }
14 |
15 | .container.folder {
16 | background-image: url('../assets/icon-folder.svg');
17 | }
18 |
19 | .container.chunk {
20 | background-image: url('../assets/icon-chunk.svg');
21 | }
22 |
23 | .container.invisible:hover::before {
24 | background: url('../assets/icon-invisible.svg') no-repeat left center;
25 | content: "";
26 | height: 100%;
27 | left: 0;
28 | top: 1px;
29 | position: absolute;
30 | width: 13px;
31 | }
32 |
--------------------------------------------------------------------------------
/client/components/ModuleItem.jsx:
--------------------------------------------------------------------------------
1 | import _ from 'lodash';
2 | import filesize from 'filesize';
3 | import cls from 'classnames';
4 |
5 | import PureComponent from '../lib/PureComponent';
6 | import s from './ModuleItem.css';
7 |
8 | export default class ModuleItem extends PureComponent {
9 | state = {
10 | visible: true
11 | };
12 |
13 | render({ module, showSize }) {
14 | const invisible = !this.state.visible;
15 | const classes = cls(s.container, s[this.itemType], {
16 | [s.invisible]: invisible
17 | });
18 |
19 | return (
20 |
27 | {filesize(module[showSize])} , ')']}
29 |
30 | );
31 | }
32 |
33 | get itemType() {
34 | const { module } = this.props;
35 | if (!module.path) return 'chunk';
36 | return module.groups ? 'folder' : 'module';
37 | }
38 |
39 | get titleHtml() {
40 | let html;
41 | const { module } = this.props;
42 | const title = module.path || module.label;
43 | const term = this.props.highlightedText;
44 |
45 | if (term) {
46 | const regexp =
47 | term instanceof RegExp
48 | ? new RegExp(term.source, 'igu')
49 | : new RegExp(`(?:${_.escapeRegExp(term)})+`, 'iu');
50 | let match;
51 | let lastMatch;
52 |
53 | do {
54 | lastMatch = match;
55 | match = regexp.exec(title);
56 | } while (match);
57 |
58 | if (lastMatch) {
59 | html =
60 | _.escape(title.slice(0, lastMatch.index)) +
61 | `${_.escape(lastMatch[0])} ` +
62 | _.escape(title.slice(lastMatch.index + lastMatch[0].length));
63 | }
64 | }
65 |
66 | if (!html) {
67 | html = _.escape(title);
68 | }
69 |
70 | return html;
71 | }
72 |
73 | get invisibleHint() {
74 | return `${_.upperFirst(this.itemType)} is not rendered in the treemap because it's too small.`;
75 | }
76 |
77 | get isVisible() {
78 | const { isVisible } = this.props;
79 | return isVisible ? isVisible(this.props.module) : true;
80 | }
81 |
82 | handleClick = () => this.props.onClick(this.props.module);
83 |
84 | handleMouseEnter = () => {
85 | if (this.props.isVisible) {
86 | this.setState({ visible: this.isVisible });
87 | }
88 | };
89 | }
90 |
--------------------------------------------------------------------------------
/client/components/ModulesList.css:
--------------------------------------------------------------------------------
1 | .container {
2 | font: var(--main-font);
3 | }
4 |
--------------------------------------------------------------------------------
/client/components/ModulesList.jsx:
--------------------------------------------------------------------------------
1 | import cls from 'classnames';
2 | import s from './ModulesList.css';
3 | import ModuleItem from './ModuleItem';
4 | import PureComponent from '../lib/PureComponent';
5 |
6 | export default class ModulesList extends PureComponent {
7 | render({ modules, showSize, highlightedText, isModuleVisible, className }) {
8 | return (
9 |
10 | {modules.map((module) => (
11 |
21 | );
22 | }
23 |
24 | handleModuleClick = (module) => this.props.onModuleClick(module);
25 | }
26 |
--------------------------------------------------------------------------------
/client/components/ModulesTreemap.css:
--------------------------------------------------------------------------------
1 | .container {
2 | align-items: stretch;
3 | display: flex;
4 | height: 100%;
5 | position: relative;
6 | width: 100%;
7 | }
8 |
9 | .map {
10 | flex: 1;
11 | }
12 |
13 | .sidebarGroup {
14 | font: var(--main-font);
15 | margin-bottom: 20px;
16 | }
17 |
18 | .showOption {
19 | margin-top: 5px;
20 | }
21 |
22 | .activeSize {
23 | font-weight: bold;
24 | }
25 |
26 | .foundModulesInfo {
27 | display: flex;
28 | font: var(--main-font);
29 | margin: 8px 0 0;
30 | }
31 |
32 | .foundModulesInfoItem + .foundModulesInfoItem {
33 | margin-left: 15px;
34 | }
35 |
36 | .foundModulesContainer {
37 | margin-top: 15px;
38 | max-height: 600px;
39 | overflow: auto;
40 | }
41 |
42 | .foundModulesChunk + .foundModulesChunk {
43 | margin-top: 15px;
44 | }
45 |
46 | .foundModulesChunkName {
47 | cursor: pointer;
48 | font: var(--main-font);
49 | font-weight: bold;
50 | margin-bottom: 7px;
51 | }
52 |
53 | .foundModulesList {
54 | margin-left: 7px;
55 | }
56 |
--------------------------------------------------------------------------------
/client/components/ModulesTreemap.jsx:
--------------------------------------------------------------------------------
1 | import { Component } from 'preact';
2 | import filesize from 'filesize';
3 | import { computed } from 'mobx';
4 | import { observer } from 'mobx-react';
5 |
6 | import { isChunkParsed } from '../utils';
7 | import localStorage from '../localStorage';
8 | import Treemap from './Treemap';
9 | import Tooltip from './Tooltip';
10 | import Switcher from './Switcher';
11 | import Sidebar from './Sidebar';
12 | import Checkbox from './Checkbox';
13 | import CheckboxList from './CheckboxList';
14 | import ContextMenu from './ContextMenu';
15 |
16 | import s from './ModulesTreemap.css';
17 | import Search from './Search';
18 | import { store } from '../store';
19 | import ModulesList from './ModulesList';
20 |
21 | const SIZE_SWITCH_ITEMS = [
22 | { label: 'entry', prop: 'statSize' },
23 | { label: 'render', prop: 'parsedSize' },
24 | { label: 'gzipped', prop: 'gzipSize' }
25 | ];
26 |
27 | const viewType = [
28 | { label: 'chunk', prop: 'default' },
29 | { label: 'library', prop: 'lib' }
30 | ];
31 |
32 | @observer
33 | export default class ModulesTreemap extends Component {
34 | mouseCoords = {
35 | x: 0,
36 | y: 0
37 | };
38 |
39 | state = {
40 | selectedChunk: null,
41 | selectedMouseCoords: { x: 0, y: 0 },
42 | sidebarPinned: false,
43 | showChunkContextMenu: false,
44 | showTooltip: false,
45 | tooltipContent: null
46 | };
47 |
48 | componentDidMount() {
49 | document.addEventListener('mousemove', this.handleMouseMove, true);
50 | }
51 |
52 | componentWillUnmount() {
53 | document.removeEventListener('mousemove', this.handleMouseMove, true);
54 | }
55 |
56 | render() {
57 | const {
58 | selectedChunk,
59 | selectedMouseCoords,
60 | sidebarPinned,
61 | showChunkContextMenu,
62 | showTooltip,
63 | tooltipContent
64 | } = this.state;
65 |
66 | return (
67 |
68 |
74 |
75 |
82 |
83 |
89 | {store.hasConcatenatedModules && (
90 |
91 |
92 | {`Show content of concatenated modules${
93 | store.activeSize === 'statSize' ? '' : ' (inaccurate)'
94 | }`}
95 |
96 |
97 | )}
98 |
101 |
107 |
{this.foundModulesInfo}
108 | {store.isSearching && store.hasFoundModules && (
109 |
110 | {store.foundModulesByChunk.map(({ chunk, modules }) => (
111 |
112 |
this.treemap.zoomToGroup(chunk)}
115 | >
116 | {chunk.label}
117 |
118 |
126 |
127 | ))}
128 |
129 | )}
130 |
133 |
141 | )}
142 |
143 |
154 |
{tooltipContent}
155 |
161 |
173 | {sizeLabel} size: {filesize(size)}
174 |
175 | ) : null;
176 | }
177 |
178 | renderChunkItemLabel = (item) => {
179 | const isAllItem = item === CheckboxList.ALL_ITEM;
180 | const label = isAllItem ? 'All' : item.label;
181 | const size = isAllItem ? store.totalChunksSize : item[store.activeSize];
182 | if (typeof size !== 'number') {
183 | console.error('size计算错误');
184 | }
185 | return [`${label} (`, {filesize(size)} , ')'];
186 | };
187 |
188 | @computed get sizeSwitchItems() {
189 | return store.hasParsedSizes ? SIZE_SWITCH_ITEMS : SIZE_SWITCH_ITEMS.slice(0, 1);
190 | }
191 |
192 | @computed get activeSizeItem() {
193 | return this.sizeSwitchItems.find((item) => item.prop === store.activeSize);
194 | }
195 |
196 | @computed get activeViewType() {
197 | return viewType.find((item) => item.prop === store.viewType);
198 | }
199 |
200 | @computed get chunkItems() {
201 | const { allChunks, activeSize } = store;
202 | let chunkItems = [...allChunks];
203 |
204 | if (activeSize !== 'statSize') {
205 | chunkItems = chunkItems.filter(isChunkParsed);
206 | }
207 |
208 | chunkItems.sort((chunk1, chunk2) => chunk2[activeSize] - chunk1[activeSize]);
209 |
210 | return chunkItems;
211 | }
212 |
213 | @computed get highlightedModules() {
214 | return new Set(store.foundModules);
215 | }
216 |
217 | @computed get foundModulesInfo() {
218 | if (!store.isSearching) {
219 | // ` ` to reserve space
220 | return '\u00A0';
221 | }
222 |
223 | if (store.hasFoundModules) {
224 | return [
225 |
226 | Count: {store.foundModules.length}
227 |
,
228 |
229 | Total size: {filesize(store.foundModulesSize)}
230 |
231 | ];
232 | } else {
233 | return 'Nothing found' + (store.allChunksSelected ? '' : ' in selected chunks');
234 | }
235 | }
236 |
237 | handleConcatenatedModulesContentToggle = (flag) => {
238 | store.showConcatenatedModulesContent = flag;
239 | if (flag) {
240 | localStorage.setItem('showConcatenatedModulesContent', true);
241 | } else {
242 | localStorage.removeItem('showConcatenatedModulesContent');
243 | }
244 | };
245 |
246 | handleChunkContextMenuHide = () => {
247 | this.setState({
248 | showChunkContextMenu: false
249 | });
250 | };
251 |
252 | handleResize = () => {
253 | // Close any open context menu when the report is resized,
254 | // so it doesn't show in an incorrect position
255 | if (this.state.showChunkContextMenu) {
256 | this.setState({
257 | showChunkContextMenu: false
258 | });
259 | }
260 | };
261 |
262 | handleSidebarToggle = () => {
263 | if (this.state.sidebarPinned) {
264 | setTimeout(() => this.treemap.resize());
265 | }
266 | };
267 |
268 | handleSidebarPinStateChange = (pinned) => {
269 | this.setState({ sidebarPinned: pinned });
270 | setTimeout(() => this.treemap.resize());
271 | };
272 |
273 | handleSidebarResize = () => {
274 | this.treemap.resize();
275 | };
276 |
277 | handleViewTypeSwitch(type) {
278 | store.viewType = type.prop;
279 | }
280 |
281 | handleSizeSwitch = (sizeSwitchItem) => {
282 | store.selectedSize = sizeSwitchItem.prop;
283 | };
284 |
285 | handleQueryChange = (query) => {
286 | store.searchQuery = query;
287 | };
288 |
289 | handleSelectedChunksChange = (selectedChunks) => {
290 | store.selectedChunks = selectedChunks;
291 | };
292 |
293 | handleMouseLeaveTreemap = () => {
294 | this.setState({ showTooltip: false });
295 | };
296 |
297 | handleTreemapGroupSecondaryClick = (event) => {
298 | const { group } = event;
299 |
300 | if (group && group.isAsset) {
301 | this.setState({
302 | selectedChunk: group,
303 | selectedMouseCoords: { ...this.mouseCoords },
304 | showChunkContextMenu: true
305 | });
306 | } else {
307 | this.setState({
308 | selectedChunk: null,
309 | showChunkContextMenu: false
310 | });
311 | }
312 | };
313 |
314 | handleTreemapGroupHover = (event) => {
315 | const { group } = event;
316 |
317 | if (group) {
318 | this.setState({
319 | showTooltip: true,
320 | tooltipContent: this.getTooltipContent(group)
321 | });
322 | } else {
323 | this.setState({ showTooltip: false });
324 | }
325 | };
326 |
327 | handleFoundModuleClick = (module) => this.treemap.zoomToGroup(module);
328 |
329 | handleMouseMove = (event) => {
330 | Object.assign(this.mouseCoords, {
331 | x: event.pageX,
332 | y: event.pageY
333 | });
334 | };
335 |
336 | isModuleVisible = (module) => this.treemap.isGroupRendered(module);
337 |
338 | saveTreemapRef = (treemap) => (this.treemap = treemap);
339 |
340 | getTooltipContent(module) {
341 | if (!module) return null;
342 |
343 | return (
344 |
345 |
346 | {module.label}
347 |
348 |
349 | {this.renderModuleSize(module, 'stat')}
350 | {!module.inaccurateSizes && this.renderModuleSize(module, 'parsed')}
351 | {!module.inaccurateSizes && this.renderModuleSize(module, 'gzip')}
352 | {module.path && (
353 |
354 | Path: {module.path}
355 |
356 | )}
357 | {module.isAsset && (
358 |
359 |
361 | Right-click to view options related to this chunk
362 |
363 |
364 | )}
365 |
24 |
25 | {label}:
26 |
27 |
28 | x
37 |
38 |
53 | {/* {visible && (*/}
54 | {/*
*/}
62 | {/*
71 |
73 | {pinned && visible &&
}
74 |
79 | {renderContent ? children : null}
80 |
81 |
12 |
13 | {label}:
14 |
15 |
16 | {items.map(item =>
17 |
22 | )}
23 |
24 |
8 | {item.label}
9 |
10 | );
11 | }
12 |
13 | handleClick = () => {
14 | this.props.onClick(this.props.item);
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/client/components/Tooltip.css:
--------------------------------------------------------------------------------
1 | .container {
2 | font: var(--main-font);
3 | position: absolute;
4 | padding: 5px 10px;
5 | border-radius: 4px;
6 | background: #fff;
7 | border: 1px solid #aaa;
8 | opacity: 0.9;
9 | white-space: nowrap;
10 | visibility: visible;
11 | transition: opacity .2s ease, visibility .2s ease;
12 | }
13 |
14 | .hidden {
15 | opacity: 0;
16 | visibility: hidden;
17 | }
18 |
--------------------------------------------------------------------------------
/client/components/Tooltip.jsx:
--------------------------------------------------------------------------------
1 | import {Component} from 'preact';
2 | import cls from 'classnames';
3 |
4 | import s from './Tooltip.css';
5 |
6 | export default class Tooltip extends Component {
7 |
8 | static marginX = 10;
9 | static marginY = 30;
10 |
11 | mouseCoords = {
12 | x: 0,
13 | y: 0
14 | };
15 |
16 | state = {
17 | left: 0,
18 | top: 0
19 | };
20 |
21 | componentDidMount() {
22 | document.addEventListener('mousemove', this.handleMouseMove, true);
23 | }
24 |
25 | shouldComponentUpdate(nextProps) {
26 | return this.props.visible || nextProps.visible;
27 | }
28 |
29 | componentWillUnmount() {
30 | document.removeEventListener('mousemove', this.handleMouseMove, true);
31 | }
32 |
33 | render() {
34 | const {children, visible} = this.props;
35 | const className = cls({
36 | [s.container]: true,
37 | [s.hidden]: !visible
38 | });
39 |
40 | return (
41 |
44 | {children}
45 |
46 | );
47 | }
48 |
49 | handleMouseMove = event => {
50 | Object.assign(this.mouseCoords, {
51 | x: event.pageX,
52 | y: event.pageY
53 | });
54 |
55 | if (this.props.visible) {
56 | this.updatePosition();
57 | }
58 | };
59 |
60 | saveNode = node => (this.node = node);
61 |
62 | getStyle() {
63 | return {
64 | left: this.state.left,
65 | top: this.state.top
66 | };
67 | }
68 |
69 | updatePosition() {
70 | if (!this.props.visible) return;
71 |
72 | const pos = {
73 | left: this.mouseCoords.x + Tooltip.marginX,
74 | top: this.mouseCoords.y + Tooltip.marginY
75 | };
76 |
77 | const boundingRect = this.node.getBoundingClientRect();
78 |
79 | if (pos.left + boundingRect.width > window.innerWidth) {
80 | // Shifting horizontally
81 | pos.left = window.innerWidth - boundingRect.width;
82 | }
83 |
84 | if (pos.top + boundingRect.height > window.innerHeight) {
85 | // Flipping vertically
86 | pos.top = this.mouseCoords.y - Tooltip.marginY - boundingRect.height;
87 | }
88 |
89 | this.setState(pos);
90 | }
91 |
92 | }
93 |
--------------------------------------------------------------------------------
/client/components/Treemap.jsx:
--------------------------------------------------------------------------------
1 | import { Component } from 'preact';
2 | import FoamTree from '@carrotsearch/foamtree';
3 |
4 | export default class Treemap extends Component {
5 | constructor(props) {
6 | super(props);
7 | this.treemap = null;
8 | this.zoomOutDisabled = false;
9 | this.findChunkNamePartIndex();
10 | }
11 |
12 | componentDidMount() {
13 | this.treemap = this.createTreemap();
14 | window.addEventListener('resize', this.resize);
15 | }
16 |
17 | componentWillReceiveProps(nextProps) {
18 | if (nextProps.data !== this.props.data) {
19 | this.findChunkNamePartIndex();
20 | this.treemap.set({
21 | dataObject: this.getTreemapDataObject(nextProps.data)
22 | });
23 | } else if (nextProps.highlightGroups !== this.props.highlightGroups) {
24 | const groupsToRedraw = [...nextProps.highlightGroups, ...this.props.highlightGroups];
25 | setTimeout(() => this.treemap.redraw(false, groupsToRedraw));
26 | }
27 | }
28 |
29 | shouldComponentUpdate() {
30 | return false;
31 | }
32 |
33 | componentWillUnmount() {
34 | window.removeEventListener('resize', this.resize);
35 | this.treemap.dispose();
36 | }
37 |
38 | render() {
39 | return
;
40 | }
41 |
42 | saveNodeRef = (node) => (this.node = node);
43 |
44 | getTreemapDataObject(data = this.props.data) {
45 | return { groups: data };
46 | }
47 |
48 | createTreemap() {
49 | const component = this;
50 | const { props } = this;
51 |
52 | return new FoamTree({
53 | element: this.node,
54 | layout: 'squarified',
55 | stacking: 'flattened',
56 | pixelRatio: window.devicePixelRatio || 1,
57 | maxGroups: Infinity,
58 | maxGroupLevelsDrawn: Infinity,
59 | maxGroupLabelLevelsDrawn: Infinity,
60 | maxGroupLevelsAttached: Infinity,
61 | wireframeLabelDrawing: 'always',
62 | groupMinDiameter: 0,
63 | groupLabelVerticalPadding: 0.2,
64 | rolloutDuration: 0,
65 | pullbackDuration: 0,
66 | fadeDuration: 0,
67 | groupExposureZoomMargin: 0.2,
68 | zoomMouseWheelDuration: 300,
69 | openCloseDuration: 200,
70 | dataObject: this.getTreemapDataObject(),
71 | titleBarDecorator(opts, props, vars) {
72 | vars.titleBarShown = false;
73 | },
74 | groupColorDecorator(options, properties, variables) {
75 | const root = component.getGroupRoot(properties.group);
76 | const chunkName = component.getChunkNamePart(root.label);
77 | const hash = /[^0-9]/u.test(chunkName)
78 | ? hashCode(chunkName)
79 | : (parseInt(chunkName) / 1000) * 360;
80 | variables.groupColor = {
81 | model: 'hsla',
82 | h: Math.round(Math.abs(hash) % 360),
83 | s: 60,
84 | l: 50,
85 | a: 0.9
86 | };
87 |
88 | const { highlightGroups } = component.props;
89 | const module = properties.group;
90 |
91 | if (highlightGroups && highlightGroups.has(module)) {
92 | variables.groupColor = {
93 | model: 'rgba',
94 | r: 255,
95 | g: 0,
96 | b: 0,
97 | a: 0.8
98 | };
99 | }
100 | },
101 | /**
102 | * Handle Foamtree's "group clicked" event
103 | * @param {FoamtreeEvent} event - Foamtree event object
104 | * (see https://get.carrotsearch.com/foamtree/demo/api/index.html#event-details)
105 | * @returns {void}
106 | */
107 | onGroupClick(event) {
108 | preventDefault(event);
109 | if ((event.ctrlKey || event.secondary) && props.onGroupSecondaryClick) {
110 | props.onGroupSecondaryClick.call(component, event);
111 | return;
112 | }
113 | component.zoomOutDisabled = false;
114 | this.zoom(event.group);
115 | },
116 | onGroupDoubleClick: preventDefault,
117 | onGroupHover(event) {
118 | // Ignoring hovering on `FoamTree` branding group and the root group
119 | if (event.group && (event.group.attribution || event.group === this.get('dataObject'))) {
120 | event.preventDefault();
121 | if (props.onMouseLeave) {
122 | props.onMouseLeave.call(component, event);
123 | }
124 | return;
125 | }
126 |
127 | if (props.onGroupHover) {
128 | props.onGroupHover.call(component, event);
129 | }
130 | },
131 | onGroupMouseWheel(event) {
132 | const { scale } = this.get('viewport');
133 | const isZoomOut = event.delta < 0;
134 |
135 | if (isZoomOut) {
136 | if (component.zoomOutDisabled) return preventDefault(event);
137 | if (scale < 1) {
138 | component.zoomOutDisabled = true;
139 | preventDefault(event);
140 | }
141 | } else {
142 | component.zoomOutDisabled = false;
143 | }
144 | }
145 | });
146 | }
147 |
148 | getGroupRoot(group) {
149 | let nextParent;
150 | while (!group.isAsset && (nextParent = this.treemap.get('hierarchy', group).parent)) {
151 | group = nextParent;
152 | }
153 | return group;
154 | }
155 |
156 | zoomToGroup(group) {
157 | this.zoomOutDisabled = false;
158 |
159 | while (group && !this.treemap.get('state', group).revealed) {
160 | group = this.treemap.get('hierarchy', group).parent;
161 | }
162 |
163 | if (group) {
164 | this.treemap.zoom(group);
165 | }
166 | }
167 |
168 | isGroupRendered(group) {
169 | const groupState = this.treemap.get('state', group);
170 | return !!groupState && groupState.revealed;
171 | }
172 |
173 | update() {
174 | this.treemap.update();
175 | }
176 |
177 | resize = () => {
178 | const { props } = this;
179 | this.treemap.resize();
180 |
181 | if (props.onResize) {
182 | props.onResize();
183 | }
184 | };
185 |
186 | /**
187 | * Finds patterns across all chunk names to identify the unique "name" part.
188 | */
189 | findChunkNamePartIndex() {
190 | const splitChunkNames = this.props.data.map((chunk) => chunk.label.split(/[^a-z0-9]/iu));
191 | const longestSplitName = Math.max(...splitChunkNames.map((parts) => parts.length));
192 | const namePart = {
193 | index: 0,
194 | votes: 0
195 | };
196 | for (let i = longestSplitName - 1; i >= 0; i--) {
197 | const identifierVotes = {
198 | name: 0,
199 | hash: 0,
200 | ext: 0
201 | };
202 | let lastChunkPart = '';
203 | for (const splitChunkName of splitChunkNames) {
204 | const part = splitChunkName[i];
205 | if (part === undefined || part === '') {
206 | continue;
207 | }
208 | if (part === lastChunkPart) {
209 | identifierVotes.ext++;
210 | } else if (
211 | /[a-z]/u.test(part) &&
212 | /[0-9]/u.test(part) &&
213 | part.length === lastChunkPart.length
214 | ) {
215 | identifierVotes.hash++;
216 | } else if (/^[a-z]+$/iu.test(part) || /^[0-9]+$/u.test(part)) {
217 | identifierVotes.name++;
218 | }
219 | lastChunkPart = part;
220 | }
221 | if (identifierVotes.name >= namePart.votes) {
222 | namePart.index = i;
223 | namePart.votes = identifierVotes.name;
224 | }
225 | }
226 | this.chunkNamePartIndex = namePart.index;
227 | }
228 |
229 | getChunkNamePart(chunkLabel) {
230 | return chunkLabel.split(/[^a-z0-9]/iu)[this.chunkNamePartIndex] || chunkLabel;
231 | }
232 | }
233 |
234 | function preventDefault(event) {
235 | event.preventDefault();
236 | }
237 |
238 | function hashCode(str) {
239 | let hash = 0;
240 | for (let i = 0; i < str.length; i++) {
241 | const code = str.charCodeAt(i);
242 | hash = (hash << 5) - hash + code;
243 | hash = hash & hash;
244 | }
245 | return hash;
246 | }
247 |
--------------------------------------------------------------------------------
/client/lib/PureComponent.jsx:
--------------------------------------------------------------------------------
1 | import {Component} from 'preact';
2 |
3 | export default class PureComponent extends Component {
4 | shouldComponentUpdate(nextProps, nextState) {
5 | return !isEqual(nextProps, this.props) || !isEqual(this.state, nextState);
6 | }
7 | }
8 |
9 | function isEqual(obj1, obj2) {
10 | if (obj1 === obj2) return true;
11 | const keys = Object.keys(obj1);
12 | if (keys.length !== Object.keys(obj2).length) return false;
13 | for (let i = 0; i < keys.length; i++) {
14 | const key = keys[i];
15 | if (obj1[key] !== obj2[key]) return false;
16 | }
17 | return true;
18 | }
19 |
--------------------------------------------------------------------------------
/client/localStorage.js:
--------------------------------------------------------------------------------
1 | const KEY_PREFIX = 'wba';
2 |
3 | export default {
4 |
5 | getItem(key) {
6 | try {
7 | return JSON.parse(window.localStorage.getItem(`${KEY_PREFIX}.${key}`));
8 | } catch (err) {
9 | return null;
10 | }
11 | },
12 |
13 | setItem(key, value) {
14 | try {
15 | window.localStorage.setItem(`${KEY_PREFIX}.${key}`, JSON.stringify(value));
16 | } catch (err) { /* ignored */ }
17 | },
18 |
19 | removeItem(key) {
20 | try {
21 | window.localStorage.removeItem(`${KEY_PREFIX}.${key}`);
22 | } catch (err) { /* ignored */ }
23 | }
24 |
25 | };
26 |
--------------------------------------------------------------------------------
/client/store.js:
--------------------------------------------------------------------------------
1 | import { observable, computed } from 'mobx';
2 | import { isChunkParsed, walkModules } from './utils';
3 | import localStorage from './localStorage';
4 |
5 | export class Store {
6 | cid = 0;
7 | sizes = new Set(['statSize', 'parsedSize', 'gzipSize']);
8 |
9 | // @observable.ref allChunks;
10 | @observable.ref rawChunks;
11 | @observable.shallow selectedChunks;
12 | @observable searchQuery = '';
13 | @observable defaultSize;
14 | @observable selectedSize;
15 | @observable showConcatenatedModulesContent =
16 | localStorage.getItem('showConcatenatedModulesContent') === true;
17 | @observable viewType = 'default';
18 |
19 | setModules(chunks) {
20 | for (const [, chunk] of Object.entries(chunks)) {
21 | walkModules(chunk, (module) => {
22 | // eslint-disable-next-line no-plusplus
23 | module.cid = this.cid++;
24 | });
25 | }
26 |
27 | this.rawChunks = chunks;
28 | this.selectedChunks = this.rawChunks[this.viewType];
29 | }
30 |
31 | @computed get allChunks() {
32 | console.log('target', this.rawChunks[this.viewType]);
33 | return this.rawChunks[this.viewType];
34 | }
35 |
36 | @computed get hasParsedSizes() {
37 | return this.allChunks.some(isChunkParsed);
38 | }
39 |
40 | @computed get activeSize() {
41 | const activeSize = this.selectedSize || this.defaultSize;
42 |
43 | if (!this.hasParsedSizes || !this.sizes.has(activeSize)) {
44 | return 'statSize';
45 | }
46 |
47 | return activeSize;
48 | }
49 |
50 | @computed get visibleChunks() {
51 | const visibleChunks = this.allChunks.filter((chunk) => this.selectedChunks.includes(chunk));
52 |
53 | return this.filterModulesForSize(visibleChunks, this.activeSize);
54 | }
55 |
56 | @computed get allChunksSelected() {
57 | return this.visibleChunks.length === this.allChunks.length;
58 | }
59 |
60 | @computed get totalChunksSize() {
61 | return this.allChunks.reduce(
62 | (totalSize, chunk) => totalSize + (chunk[this.activeSize] || 0),
63 | 0
64 | );
65 | }
66 |
67 | @computed get searchQueryRegexp() {
68 | const query = this.searchQuery.trim();
69 |
70 | if (!query) {
71 | return null;
72 | }
73 |
74 | try {
75 | return new RegExp(query, 'iu');
76 | } catch (err) {
77 | return null;
78 | }
79 | }
80 |
81 | @computed get isSearching() {
82 | return !!this.searchQueryRegexp;
83 | }
84 |
85 | @computed get foundModulesByChunk() {
86 | if (!this.isSearching) {
87 | return [];
88 | }
89 |
90 | const query = this.searchQueryRegexp;
91 |
92 | return this.visibleChunks
93 | .map((chunk) => {
94 | let foundGroups = [];
95 |
96 | walkModules(chunk.groups, (module) => {
97 | let weight = 0;
98 |
99 | /**
100 | * Splitting found modules/directories into groups:
101 | *
102 | * 1) Module with matched label (weight = 4)
103 | * 2) Directory with matched label (weight = 3)
104 | * 3) Module with matched path (weight = 2)
105 | * 4) Directory with matched path (weight = 1)
106 | */
107 | if (query.test(module.label)) {
108 | weight += 3;
109 | } else if (module.path && query.test(module.path)) {
110 | weight++;
111 | }
112 |
113 | if (!weight) return;
114 |
115 | if (!module.groups) {
116 | weight += 1;
117 | }
118 |
119 | const foundModules = (foundGroups[weight - 1] = foundGroups[weight - 1] || []);
120 | foundModules.push(module);
121 | });
122 |
123 | const { activeSize } = this;
124 |
125 | // Filtering out missing groups
126 | foundGroups = foundGroups.filter(Boolean).reverse();
127 | // Sorting each group by active size
128 | foundGroups.forEach((modules) => modules.sort((m1, m2) => m2[activeSize] - m1[activeSize]));
129 |
130 | return {
131 | chunk,
132 | modules: [].concat(...foundGroups)
133 | };
134 | })
135 | .filter((result) => result.modules.length > 0)
136 | .sort((c1, c2) => c1.modules.length - c2.modules.length);
137 | }
138 |
139 | @computed get foundModules() {
140 | return this.foundModulesByChunk.reduce((arr, chunk) => arr.concat(chunk.modules), []);
141 | }
142 |
143 | @computed get hasFoundModules() {
144 | return this.foundModules.length > 0;
145 | }
146 |
147 | @computed get hasConcatenatedModules() {
148 | let result = false;
149 |
150 | walkModules(this.visibleChunks, (module) => {
151 | if (module.concatenated) {
152 | result = true;
153 | return false;
154 | }
155 | });
156 |
157 | return result;
158 | }
159 |
160 | @computed get foundModulesSize() {
161 | return this.foundModules.reduce((summ, module) => summ + module[this.activeSize], 0);
162 | }
163 |
164 | filterModulesForSize(modules, sizeProp) {
165 | return modules.reduce((filteredModules, module) => {
166 | if (module[sizeProp]) {
167 | if (module.groups) {
168 | const showContent = !module.concatenated || this.showConcatenatedModulesContent;
169 |
170 | module = {
171 | ...module,
172 | groups: showContent ? this.filterModulesForSize(module.groups, sizeProp) : null
173 | };
174 | }
175 |
176 | module.weight = module[sizeProp];
177 | filteredModules.push(module);
178 | }
179 |
180 | return filteredModules;
181 | }, []);
182 | }
183 | }
184 |
185 | export const store = new Store();
186 |
--------------------------------------------------------------------------------
/client/utils.js:
--------------------------------------------------------------------------------
1 | export function isChunkParsed(chunk) {
2 | return (typeof chunk.parsedSize === 'number');
3 | }
4 |
5 | export function walkModules(modules, cb) {
6 | for (const module of modules) {
7 | if (cb(module) === false) return false;
8 |
9 | if (module.groups) {
10 | if (walkModules(module.groups, cb) === false) {
11 | return false;
12 | }
13 | }
14 | }
15 | }
16 |
17 | export function elementIsOutside(elem, container) {
18 | return !(elem === container || container.contains(elem));
19 | }
20 |
--------------------------------------------------------------------------------
/client/viewer.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --main-font: normal 11px Verdana, sans-serif;
3 | }
4 |
5 | :global html,
6 | :global body,
7 | :global #app {
8 | height: 100%;
9 | margin: 0;
10 | overflow: hidden;
11 | padding: 0;
12 | width: 100%;
13 | }
14 |
15 | :global body.resizing {
16 | user-select: none !important;
17 | }
18 |
19 | :global body.resizing * {
20 | pointer-events: none;
21 | }
22 |
23 | :global body.resizing.col {
24 | cursor: col-resize !important;
25 | }
26 |
--------------------------------------------------------------------------------
/client/viewer.jsx:
--------------------------------------------------------------------------------
1 | import { render } from 'preact';
2 |
3 | import { store } from './store';
4 | import ModulesTreemap from './components/ModulesTreemap';
5 | /* eslint no-unused-vars: "off" */
6 | import styles from './viewer.css';
7 |
8 | // Initializing WebSocket for live treemap updates
9 | let ws;
10 | try {
11 | if (window.enableWebSocket) {
12 | ws = new WebSocket(`ws://${location.host}`);
13 | }
14 | } catch (err) {
15 | console.warn(
16 | "Couldn't connect to analyzer websocket server so you'll have to reload page manually to see updates in the treemap"
17 | );
18 | }
19 |
20 | window.addEventListener(
21 | 'load',
22 | () => {
23 | store.defaultSize = `${window.defaultSizes}Size`;
24 | store.setModules(window.chartData);
25 |
26 | render(${_.escape(title)}
438 |
441 | ${getScript('viewer.js', mode)}
442 |
443 |
444 |
445 |
446 |
450 |
451 | `;
452 | }
453 |
454 | const { bold } = pkg;
455 | let serverInstance;
456 | // @ts-ignore
457 | // eslint-disable-next-line no-underscore-dangle
458 | const __filename$1 = url__namespace.fileURLToPath((typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('index.js', document.baseURI).href)));
459 | const __dirname$1 = path__namespace.dirname(__filename$1);
460 | const projectRoot = path__namespace.resolve(__dirname$1, '..', '..');
461 | function analyzerUrl(options) {
462 | const { listenHost, boundAddress } = options;
463 | return `http://${listenHost}:${boundAddress.port}`;
464 | }
465 | async function startServer(opts, moduleData, getModuleDataFun) {
466 | const { port = 8888, host = '127.0.0.1', openBrowser = true } = opts || {};
467 | const sirvMiddleware = sirv(`${projectRoot}/public`, { dev: true });
468 | const server = http__namespace.createServer((req, res) => {
469 | if (req.method === 'GET' && req.url === '/') {
470 | const html = renderViewer({
471 | title: 'rollup-bundle-analyzer',
472 | enableWebSocket: true,
473 | chartData: moduleData,
474 | mode: 'serve',
475 | defaultSizes: 'stat'
476 | });
477 | res.writeHead(200, { 'Content-Type': 'text/html' });
478 | res.end(html);
479 | }
480 | else {
481 | sirvMiddleware(req, res);
482 | }
483 | });
484 | await new Promise((resolve) => {
485 | // @ts-ignore
486 | server.listen(port, host, () => {
487 | resolve();
488 | // eslint-disable-next-line @typescript-eslint/no-shadow
489 | const url = analyzerUrl({
490 | listenPort: port,
491 | listenHost: host,
492 | boundAddress: server.address()
493 | });
494 | // @ts-ignore
495 | logger.info(`${bold('Rollup Bundle Analyzer')} is started at ${bold(url)}\n` +
496 | `Use ${bold('Ctrl+C')} to close it`);
497 | if (openBrowser) {
498 | open(url);
499 | }
500 | });
501 | });
502 | const wss = new WebSocket.Server({ server });
503 | wss.on('connection', (ws) => {
504 | ws.on('error', (err) => {
505 | // Ignore network errors like `ECONNRESET`, `EPIPE`, etc.
506 | // @ts-ignore
507 | if (err.errno)
508 | return;
509 | // @ts-ignore
510 | logger.info(err.message);
511 | });
512 | });
513 | // eslint-disable-next-line consistent-return
514 | return {
515 | ws: wss,
516 | http: server,
517 | updateChartData
518 | };
519 | async function updateChartData() {
520 | const newChartData = await getModuleDataFun();
521 | if (!newChartData)
522 | return;
523 | wss.clients.forEach((client) => {
524 | if (client.readyState === WebSocket.OPEN) {
525 | client.send(JSON.stringify({
526 | event: 'chartDataUpdated',
527 | data: newChartData
528 | }));
529 | }
530 | });
531 | }
532 | }
533 | async function startViewServe(getModuleDataFun, pluginOpt) {
534 | const moduleData = await getModuleDataFun();
535 | if (serverInstance) {
536 | (await serverInstance).updateChartData();
537 | }
538 | else {
539 | serverInstance = await startServer({
540 | openBrowser: pluginOpt.openBrowser,
541 | host: pluginOpt.host,
542 | port: pluginOpt.port,
543 | bundleDir: ''
544 | }, moduleData, getModuleDataFun);
545 | }
546 | }
547 |
548 | const getQuery = (schema) => schema.split('?').slice(1);
549 | const formatName = (name) => { var _a; return (_a = name.split('.')) === null || _a === void 0 ? void 0 : _a[0]; };
550 | async function generateAdvise(outputBundle, context) {
551 | const advise = {
552 | treeSharking: {},
553 | replace: {},
554 | commonjs: {},
555 | polyfill: {},
556 | rewrite: {}
557 | };
558 | const replaceTpl = (moduleName, target) => {
559 | const name = formatName(moduleName);
560 | advise.replace[name] = {
561 | target
562 | };
563 | };
564 | const commonjsTpl = (moduleName) => {
565 | const name = formatName(moduleName);
566 | advise.commonjs[name] = {};
567 | };
568 | const treeSharkingTpl = (moduleName, size) => {
569 | const name = formatName(moduleName);
570 | advise.treeSharking[name] = {
571 | size
572 | };
573 | };
574 | const polyfillTpl = (moduleName, size) => {
575 | const name = formatName(moduleName);
576 | advise.polyfill[name] = {
577 | size
578 | };
579 | };
580 | const rewriteTpl = (moduleName, size, desc) => {
581 | const name = formatName(moduleName);
582 | advise.rewrite[name] = {
583 | size,
584 | desc
585 | };
586 | };
587 | for (const [id, module] of Object.entries(outputBundle)) {
588 | // eslint-disable-next-line no-await-in-loop
589 | await transformModule(module, id, (m) => {
590 | const pathParts = getModulePathParts(m);
591 | const name = _.last(pathParts);
592 | const moduleInfo = context.getModuleInfo(m.name);
593 | if (moduleInfo) {
594 | // 判断是否是项目引进的包，再判断是否可以优化
595 | const isImportByProject = moduleInfo.importers.find((i) => i.indexOf('node_modules') === -1);
596 | if (isImportByProject) {
597 | const size = sizeGetter$1(m.code || '');
598 | if (pathParts && m.name.indexOf('node_modules') > -1 && /\.js| \.ts/.test(m.name)) {
599 | const nodeModulesIndex = pathParts.findIndex((i) => i === 'node_modules');
600 | if (nodeModulesIndex === -1) {
601 | return;
602 | }
603 | let moduleName = pathParts[nodeModulesIndex + 1];
604 | // eg @element-plus/icons-vue
605 | if (moduleName.indexOf('@') > -1) {
606 | moduleName = `${moduleName}/${pathParts[nodeModulesIndex + 2]}`;
607 | }
608 | if (m.removedExports &&
609 | Array.isArray(m.removedExports) &&
610 | m.removedExports.length === 0) {
611 | treeSharkingTpl(moduleName, size);
612 | }
613 | const query = getQuery(m.name);
614 | if (query.find((i) => i === 'commonjs-module')) {
615 | commonjsTpl(moduleName);
616 | }
617 | if (moduleName.indexOf('polyfill') > -1) {
618 | polyfillTpl(moduleName, size);
619 | }
620 | }
621 | if (name) {
622 | if (name === 'moment.js') {
623 | replaceTpl(name, 'dayjs');
624 | }
625 | if (name === 'lodash.js') {
626 | replaceTpl(name, 'lodash-es.js');
627 | }
628 | if (name.indexOf('polyfill') > -1) {
629 | polyfillTpl(name, size);
630 | }
631 | if (name === 'js-file-downloader.js') {
632 | rewriteTpl(name, size, '该模块使用webpack打包，体积较大，建议参照核心功能重写，减少约50%体积');
633 | }
634 | }
635 | }
636 | }
637 | });
638 | }
639 | return advise;
640 | }
641 |
642 | function bundleAnalyzer(userOpts) {
643 | return {
644 | name: 'rollup-bundle-analyzer',
645 | // 暂时先用transform来获取原代码，用resolveId hook会有不执行的情况
646 | transform(code, id) {
647 | codeMap[id] = code;
648 | // babel
649 | // css
650 | // filer return [ast, map, code]
651 | return null;
652 | },
653 | async generateBundle(
654 | // @ts-ignore
655 | outputOptions, outputBundle) {
656 | // @ts-ignore
657 | const defaultOpts = {
658 | analyzerMode: 'server',
659 | host: '127.0.0.1',
660 | port: 9800,
661 | reportFilename: 'bundle-analyzer.html',
662 | openBrowser: true,
663 | statsFilename: 'stats.json',
664 | logLevel: 'info',
665 | bundleDir: './'
666 | };
667 | const options = { ...defaultOpts, ...userOpts };
668 | const getModuleDataFun = () => getMixCharData(outputBundle);
669 | const { customHandle } = options;
670 | const advise = await generateAdvise(outputBundle, this);
671 | if (options.analyzerMode === 'server') {
672 | startViewServe(getModuleDataFun, options);
673 | }
674 | else if (options.analyzerMode === 'json') {
675 | const chartData = await getMixCharData(outputBundle);
676 | this.emitFile({
677 | type: 'asset',
678 | name: options.statsFilename,
679 | fileName: options.statsFilename,
680 | source: JSON.stringify(chartData)
681 | });
682 | }
683 | else if (options.analyzerMode === 'static') {
684 | const chartData = await getMixCharData(outputBundle);
685 | const html = renderViewer({
686 | title: 'rollup-bundle-analyzer',
687 | enableWebSocket: false,
688 | chartData,
689 | mode: 'static',
690 | defaultSizes: 'stat'
691 | });
692 | this.emitFile({
693 | type: 'asset',
694 | name: options.reportFilename,
695 | fileName: options.reportFilename,
696 | source: html
697 | });
698 | }
699 | else if (options.analyzerMode === 'custom') {
700 | const chartData = await getMixCharData(outputBundle);
701 | const html = renderViewer({
702 | title: 'rollup-bundle-analyzer',
703 | enableWebSocket: false,
704 | chartData,
705 | mode: 'static',
706 | defaultSizes: 'stat'
707 | });
708 | if (typeof customHandle === 'function') {
709 | customHandle(chartData, html, advise);
710 | }
711 | }
712 | else {
713 | // @ts-ignore
714 | logger.error(`${pkg.red('analyzerMode只支持server, json, static, custom')} `);
715 | }
716 | }
717 | };
718 | }
719 |
720 | exports.default = bundleAnalyzer;
721 | module.exports = Object.assign(exports.default, exports);
722 | //# sourceMappingURL=index.js.map
723 |
--------------------------------------------------------------------------------
/dist/cjs/index.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"index.js","sources":["../../src/size.ts","../../src/tree/Node.ts","../../src/tree/Module.ts","../../src/tree/utils.ts","../../src/tree/Folder.ts","../../src/parseModule.ts","../../src/logger.ts","../../src/utils.ts","../../src/template.ts","../../src/viewer.ts","../../src/generateAdvise.ts","../../src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null],"names":["sizeGetter","minify","__dirname","projectRoot","__filename","url","path","http","chalk"],"mappings":"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"}
--------------------------------------------------------------------------------
/dist/es/index.js:
--------------------------------------------------------------------------------
1 | import pkg from 'chalk';
2 | import { minify } from 'terser';
3 | import _ from 'lodash';
4 | import gzipSize from 'gzip-size';
5 | import * as path from 'path';
6 | import path__default from 'path';
7 | import * as http from 'http';
8 | import * as url from 'url';
9 | import url__default from 'url';
10 | import WebSocket from 'ws';
11 | import sirv from 'sirv';
12 | import 'util';
13 | import opener from 'opener';
14 | import fs from 'fs';
15 |
16 | const createBrotliSizeGetter = () => {
17 | return (code) => {
18 | // eslint-disable-next-line no-console
19 | const data = Buffer.from(code || '', 'utf-8');
20 | return data.length;
21 | };
22 | };
23 | const sizeGetter$1 = (code) => {
24 | const data = Buffer.from(code, 'utf-8');
25 | return data.length;
26 | };
27 |
28 | class Node {
29 | constructor(name, parent) {
30 | this.name = name;
31 | this.parent = parent;
32 | }
33 | get path() {
34 | return this.name;
35 | }
36 | get isRoot() {
37 | return !this.parent;
38 | }
39 | }
40 |
41 | const sizeGetter = createBrotliSizeGetter();
42 | class Module extends Node {
43 | constructor(name, data, parent) {
44 | super(name, parent);
45 | this.data = data;
46 | }
47 | get size() {
48 | var _a;
49 | return sizeGetter((_a = this.originCode) !== null && _a !== void 0 ? _a : '');
50 | }
51 | get code() {
52 | return this.data.code;
53 | }
54 | get originCode() {
55 | return this.data.originCode;
56 | }
57 | get renderSize() {
58 | var _a;
59 | return sizeGetter((_a = this.data.code) !== null && _a !== void 0 ? _a : '');
60 | }
61 | get gzipSize() {
62 | if (!_.has(this, '_gzipSize')) {
63 | this._gzipSize = this.code ? gzipSize.sync(this.code) : undefined;
64 | }
65 | return this._gzipSize;
66 | }
67 | toChartData() {
68 | return {
69 | id: this.data.name,
70 | label: this.name,
71 | path: this.path,
72 | statSize: this.size,
73 | parsedSize: this.renderSize,
74 | gzipSize: this.gzipSize
75 | };
76 | }
77 | }
78 |
79 | function getModulePathParts(moduleData) {
80 | const projectRoot = process.cwd();
81 | const parsedPath = moduleData.name
82 | .replace(`${projectRoot}/`, '')
83 | .split('/')
84 | // Replacing `~` with `node_modules`
85 | .map((part) => (part === '~' ? 'node_modules' : part));
86 | return parsedPath.length ? parsedPath : null;
87 | }
88 |
89 | class Folder extends Node {
90 | constructor(name, parent) {
91 | super(name, parent);
92 | this.children = Object.create(null);
93 | }
94 | get gzipSize() {
95 | if (!_.has(this, '_gzipSize')) {
96 | this._gzipSize = this.code ? gzipSize.sync(this.code) : 0;
97 | }
98 | return this._gzipSize;
99 | }
100 | get code() {
101 | if (!_.has(this, '_code')) {
102 | this._code = this.walk((node, code) => { var _a; return (_a = code + node.code) !== null && _a !== void 0 ? _a : ''; }, '', false);
103 | }
104 | return this._code;
105 | }
106 | get originCode() {
107 | if (!_.has(this, '_originCode')) {
108 | this._originCode = this.walk((node, originCode) => { var _a; return (_a = originCode + node.originCode) !== null && _a !== void 0 ? _a : ''; }, '', false);
109 | }
110 | return this._originCode;
111 | }
112 | get size() {
113 | if (!_.has(this, '_size')) {
114 | this._size = this.walk((node, size) => size + node.size, 0, false);
115 | }
116 | return this._size;
117 | }
118 | get renderSize() {
119 | if (!_.has(this, '_renderSize')) {
120 | this._renderSize = this.walk((node, renderSize) => renderSize + node.renderSize, 0, false);
121 | }
122 | return this._renderSize;
123 | }
124 | getChild(name) {
125 | return this.children[name];
126 | }
127 | addChildModule(module) {
128 | const { name } = module;
129 | const currentChild = this.children[name];
130 | if (currentChild && currentChild instanceof Folder)
131 | return;
132 | // eslint-disable-next-line no-param-reassign
133 | module.parent = this;
134 | this.children[name] = module;
135 | delete this._size;
136 | delete this._code;
137 | }
138 | addChildFolder(folder) {
139 | this.children[folder.name] = folder;
140 | delete this._size;
141 | delete this._code;
142 | return folder;
143 | }
144 | walk(walker, state = {}, deep = true) {
145 | let stopped = false;
146 | function stop(finalState) {
147 | stopped = true;
148 | return finalState;
149 | }
150 | // eslint-disable-next-line consistent-return
151 | Object.values(this.children).forEach((child) => {
152 | if (deep && child.walk) {
153 | // eslint-disable-next-line no-param-reassign
154 | state = child.walk(walker, state, stop);
155 | }
156 | else {
157 | // eslint-disable-next-line no-param-reassign
158 | state = walker(child, state, stop);
159 | }
160 | if (stopped)
161 | return false;
162 | });
163 | return state;
164 | }
165 | mergeNestedFolders() {
166 | if (!this.isRoot) {
167 | let childNames;
168 | // 合并只有一个文件的目录
169 | // eslint-disable-next-line no-cond-assign
170 | while ((childNames = Object.keys(this.children)).length === 1) {
171 | // eslint-disable-next-line prefer-destructuring
172 | const childName = childNames[0];
173 | const onlyChild = this.children[childName];
174 | if (onlyChild instanceof this.constructor) {
175 | this.name += `/${onlyChild.name}`;
176 | this.children = onlyChild.children;
177 | }
178 | else {
179 | break;
180 | }
181 | }
182 | }
183 | this.walk((child) => {
184 | // eslint-disable-next-line no-param-reassign
185 | child.parent = this;
186 | if (child.mergeNestedFolders) {
187 | child.mergeNestedFolders();
188 | }
189 | }, null, false);
190 | }
191 | addModule(moduleData) {
192 | const pathParts = getModulePathParts(moduleData);
193 | if (!pathParts) {
194 | return;
195 | }
196 | const [folders, fileName] = [pathParts.slice(0, -1), _.last(pathParts)];
197 | let currentFolder = this;
198 | folders.forEach((folderName) => {
199 | let childNode = currentFolder.getChild(folderName);
200 | if (!childNode || !(childNode instanceof Folder)) {
201 | childNode = currentFolder.addChildFolder(new Folder(folderName, this));
202 | }
203 | currentFolder = childNode;
204 | });
205 | if (fileName) {
206 | const module = new Module(fileName, moduleData, this);
207 | currentFolder.addChildModule(module);
208 | }
209 | }
210 | toChartData() {
211 | return {
212 | label: this.name,
213 | path: this.path,
214 | statSize: this.size,
215 | parsedSize: this.renderSize,
216 | groups: _.invokeMap(this.children, 'toChartData'),
217 | gzipSize: this.gzipSize
218 | };
219 | }
220 | }
221 | function createModulesTree(modules) {
222 | const root = new Folder('.');
223 | modules.forEach((module) => root.addModule(module));
224 | root.mergeNestedFolders();
225 | return root;
226 | }
227 |
228 | const codeMap = {};
229 | async function transformModule(module, id, resolver) {
230 | var _a, _b;
231 | // fix https://github.com/ritz078/rollup-plugin-filesize/issues/57
232 | // @ts-ignore
233 | delete module.isAsset;
234 | // @ts-ignore
235 | const transformedModule = {
236 | ...module,
237 | name: id,
238 | modules: [],
239 | originCode: codeMap[id],
240 | code: (_b = (await minify((_a = module.code) !== null && _a !== void 0 ? _a : '', {
241 | // module: true,
242 | safari10: true
243 | // toplevel: true
244 | })).code) !== null && _b !== void 0 ? _b : ''
245 | };
246 | if (resolver) {
247 | resolver(transformedModule);
248 | }
249 | if (!('modules' in module)) {
250 | transformedModule.modules = [];
251 | return transformedModule;
252 | }
253 | transformedModule.modules = [];
254 | for (const [id, m] of Object.entries(module.modules)) {
255 | // eslint-disable-next-line no-await-in-loop
256 | transformedModule.modules.push((await transformModule(m, id, resolver)));
257 | }
258 | return transformedModule;
259 | }
260 | async function getModuleData(outputBundle) {
261 | const modules = {};
262 | for (const [id, module] of Object.entries(outputBundle)) {
263 | // eslint-disable-next-line
264 | const chunk = await transformModule(module, id);
265 | chunk.tree = createModulesTree(chunk.modules);
266 | chunk.size = sizeGetter$1(chunk.code || '');
267 | modules[id] = chunk;
268 | if (module.type === 'asset') {
269 | const { source } = module;
270 | // 二进制资源文件，比如图片
271 | if (typeof source === 'string') {
272 | chunk.size = sizeGetter$1(source);
273 | }
274 | else {
275 | chunk.size = Buffer.byteLength(source);
276 | }
277 | }
278 | }
279 | return Object.entries(modules).map(([name, asset]) => {
280 | return {
281 | label: name,
282 | isAsset: true,
283 | statSize: asset.tree.size || asset.size,
284 | parsedSize: asset.tree.renderSize,
285 | gzipSize: asset.tree.gzipSize,
286 | groups: _.invokeMap(asset.tree.children, 'toChartData')
287 | };
288 | });
289 | }
290 | async function getSplitLibData(outputBundle) {
291 | const modules = {
292 | library: {},
293 | project: {}
294 | };
295 | const libModules = [];
296 | const projectModules = [];
297 | for (const [id, module] of Object.entries(outputBundle)) {
298 | if (module.type === 'chunk') {
299 | // eslint-disable-next-line
300 | await transformModule(module, id, (m) => {
301 | if (m.name === id) {
302 | return;
303 | }
304 | if (m.name.indexOf('node_modules') > -1 || m.name.indexOf('vite') > -1) {
305 | libModules.push(m);
306 | }
307 | else {
308 | projectModules.push(m);
309 | }
310 | });
311 | }
312 | }
313 | modules.library.tree = createModulesTree(libModules);
314 | modules.project.tree = createModulesTree(projectModules);
315 | return Object.entries(modules).map(([name, asset]) => {
316 | return {
317 | label: name,
318 | isAsset: true,
319 | statSize: asset.tree.size,
320 | parsedSize: asset.tree.renderSize,
321 | gzipSize: asset.tree.gzipSize,
322 | groups: _.invokeMap(asset.tree.children, 'toChartData')
323 | };
324 | });
325 | }
326 | async function getMixCharData(outputBundle) {
327 | return {
328 | lib: await getSplitLibData(outputBundle),
329 | default: await getModuleData(outputBundle)
330 | };
331 | }
332 |
333 | const LEVELS = ['debug', 'info', 'warn', 'error', 'silent'];
334 | const LOG_PREFIX = '\n[rollup-plugin-analyzer]';
335 | const LEVEL_TO_CONSOLE_METHOD = new Map([
336 | ['debug', 'log'],
337 | ['info', 'log'],
338 | ['warn', 'log']
339 | ]);
340 | class Logger {
341 | constructor(level = Logger.defaultLevel) {
342 | this.activeLevels = new Set();
343 | this.setLogLevel(level);
344 | }
345 | static log(level, ...args) {
346 | const operation = LEVEL_TO_CONSOLE_METHOD.get(level) || level;
347 | // eslint-disable-next-line no-console
348 | console[operation](...args);
349 | }
350 | setLogLevel(level) {
351 | const levelIndex = LEVELS.indexOf(level);
352 | if (levelIndex === -1)
353 | throw new Error(`Invalid log level "${level}". Use one of these: ${LEVELS.join(', ')}`);
354 | this.activeLevels.clear();
355 | for (const [i, levelValue] of LEVELS.entries()) {
356 | if (i >= levelIndex)
357 | this.activeLevels.add(levelValue);
358 | }
359 | }
360 | }
361 | Logger.levels = LEVELS;
362 | Logger.defaultLevel = 'info';
363 | LEVELS.forEach((level) => {
364 | if (level === 'silent')
365 | return;
366 | // @ts-ignore
367 | Logger.prototype[level] = function log(...args) {
368 | if (this.activeLevels.has(level))
369 | Logger.log(level, LOG_PREFIX, ...args);
370 | };
371 | });
372 | const logger = new Logger('info');
373 |
374 | const open = function (uri) {
375 | try {
376 | opener(uri);
377 | }
378 | catch (err) {
379 | // @ts-ignore
380 | logger.debug(`Opener failed to open "${uri}":\n${err}`);
381 | }
382 | };
383 |
384 | // @ts-ignore
385 | const fileName = url__default.fileURLToPath(import.meta.url);
386 | const __dirname$1 = path__default.dirname(fileName);
387 | const projectRoot$1 = path__default.resolve(__dirname$1, '..', '..');
388 | const assetsRoot = path__default.join(projectRoot$1, 'public');
389 | function escapeJson(json) {
390 | return JSON.stringify(json).replace(/ `${string}${values[index] || ''}`).join('');
401 | }
402 | function getScript(filename, mode) {
403 | if (mode === 'static') {
404 | return ` `;
405 | }
406 | return ``;
407 | }
408 | function renderViewer({ title, enableWebSocket, chartData, defaultSizes, mode } = {}) {
409 | return html `
410 |
411 |
412 | ${_.escape(title)}
415 |
418 | ${getScript('viewer.js', mode)}
419 |
420 |
421 |
422 |
423 |
427 |
428 | `;
429 | }
430 |
431 | const { bold } = pkg;
432 | let serverInstance;
433 | // @ts-ignore
434 | // eslint-disable-next-line no-underscore-dangle
435 | const __filename = url.fileURLToPath(import.meta.url);
436 | const __dirname = path.dirname(__filename);
437 | const projectRoot = path.resolve(__dirname, '..', '..');
438 | function analyzerUrl(options) {
439 | const { listenHost, boundAddress } = options;
440 | return `http://${listenHost}:${boundAddress.port}`;
441 | }
442 | async function startServer(opts, moduleData, getModuleDataFun) {
443 | const { port = 8888, host = '127.0.0.1', openBrowser = true } = opts || {};
444 | const sirvMiddleware = sirv(`${projectRoot}/public`, { dev: true });
445 | const server = http.createServer((req, res) => {
446 | if (req.method === 'GET' && req.url === '/') {
447 | const html = renderViewer({
448 | title: 'rollup-bundle-analyzer',
449 | enableWebSocket: true,
450 | chartData: moduleData,
451 | mode: 'serve',
452 | defaultSizes: 'stat'
453 | });
454 | res.writeHead(200, { 'Content-Type': 'text/html' });
455 | res.end(html);
456 | }
457 | else {
458 | sirvMiddleware(req, res);
459 | }
460 | });
461 | await new Promise((resolve) => {
462 | // @ts-ignore
463 | server.listen(port, host, () => {
464 | resolve();
465 | // eslint-disable-next-line @typescript-eslint/no-shadow
466 | const url = analyzerUrl({
467 | listenPort: port,
468 | listenHost: host,
469 | boundAddress: server.address()
470 | });
471 | // @ts-ignore
472 | logger.info(`${bold('Rollup Bundle Analyzer')} is started at ${bold(url)}\n` +
473 | `Use ${bold('Ctrl+C')} to close it`);
474 | if (openBrowser) {
475 | open(url);
476 | }
477 | });
478 | });
479 | const wss = new WebSocket.Server({ server });
480 | wss.on('connection', (ws) => {
481 | ws.on('error', (err) => {
482 | // Ignore network errors like `ECONNRESET`, `EPIPE`, etc.
483 | // @ts-ignore
484 | if (err.errno)
485 | return;
486 | // @ts-ignore
487 | logger.info(err.message);
488 | });
489 | });
490 | // eslint-disable-next-line consistent-return
491 | return {
492 | ws: wss,
493 | http: server,
494 | updateChartData
495 | };
496 | async function updateChartData() {
497 | const newChartData = await getModuleDataFun();
498 | if (!newChartData)
499 | return;
500 | wss.clients.forEach((client) => {
501 | if (client.readyState === WebSocket.OPEN) {
502 | client.send(JSON.stringify({
503 | event: 'chartDataUpdated',
504 | data: newChartData
505 | }));
506 | }
507 | });
508 | }
509 | }
510 | async function startViewServe(getModuleDataFun, pluginOpt) {
511 | const moduleData = await getModuleDataFun();
512 | if (serverInstance) {
513 | (await serverInstance).updateChartData();
514 | }
515 | else {
516 | serverInstance = await startServer({
517 | openBrowser: pluginOpt.openBrowser,
518 | host: pluginOpt.host,
519 | port: pluginOpt.port,
520 | bundleDir: ''
521 | }, moduleData, getModuleDataFun);
522 | }
523 | }
524 |
525 | const getQuery = (schema) => schema.split('?').slice(1);
526 | const formatName = (name) => { var _a; return (_a = name.split('.')) === null || _a === void 0 ? void 0 : _a[0]; };
527 | async function generateAdvise(outputBundle, context) {
528 | const advise = {
529 | treeSharking: {},
530 | replace: {},
531 | commonjs: {},
532 | polyfill: {},
533 | rewrite: {}
534 | };
535 | const replaceTpl = (moduleName, target) => {
536 | const name = formatName(moduleName);
537 | advise.replace[name] = {
538 | target
539 | };
540 | };
541 | const commonjsTpl = (moduleName) => {
542 | const name = formatName(moduleName);
543 | advise.commonjs[name] = {};
544 | };
545 | const treeSharkingTpl = (moduleName, size) => {
546 | const name = formatName(moduleName);
547 | advise.treeSharking[name] = {
548 | size
549 | };
550 | };
551 | const polyfillTpl = (moduleName, size) => {
552 | const name = formatName(moduleName);
553 | advise.polyfill[name] = {
554 | size
555 | };
556 | };
557 | const rewriteTpl = (moduleName, size, desc) => {
558 | const name = formatName(moduleName);
559 | advise.rewrite[name] = {
560 | size,
561 | desc
562 | };
563 | };
564 | for (const [id, module] of Object.entries(outputBundle)) {
565 | // eslint-disable-next-line no-await-in-loop
566 | await transformModule(module, id, (m) => {
567 | const pathParts = getModulePathParts(m);
568 | const name = _.last(pathParts);
569 | const moduleInfo = context.getModuleInfo(m.name);
570 | if (moduleInfo) {
571 | // 判断是否是项目引进的包，再判断是否可以优化
572 | const isImportByProject = moduleInfo.importers.find((i) => i.indexOf('node_modules') === -1);
573 | if (isImportByProject) {
574 | const size = sizeGetter$1(m.code || '');
575 | if (pathParts && m.name.indexOf('node_modules') > -1 && /\.js| \.ts/.test(m.name)) {
576 | const nodeModulesIndex = pathParts.findIndex((i) => i === 'node_modules');
577 | if (nodeModulesIndex === -1) {
578 | return;
579 | }
580 | let moduleName = pathParts[nodeModulesIndex + 1];
581 | // eg @element-plus/icons-vue
582 | if (moduleName.indexOf('@') > -1) {
583 | moduleName = `${moduleName}/${pathParts[nodeModulesIndex + 2]}`;
584 | }
585 | if (m.removedExports &&
586 | Array.isArray(m.removedExports) &&
587 | m.removedExports.length === 0) {
588 | treeSharkingTpl(moduleName, size);
589 | }
590 | const query = getQuery(m.name);
591 | if (query.find((i) => i === 'commonjs-module')) {
592 | commonjsTpl(moduleName);
593 | }
594 | if (moduleName.indexOf('polyfill') > -1) {
595 | polyfillTpl(moduleName, size);
596 | }
597 | }
598 | if (name) {
599 | if (name === 'moment.js') {
600 | replaceTpl(name, 'dayjs');
601 | }
602 | if (name === 'lodash.js') {
603 | replaceTpl(name, 'lodash-es.js');
604 | }
605 | if (name.indexOf('polyfill') > -1) {
606 | polyfillTpl(name, size);
607 | }
608 | if (name === 'js-file-downloader.js') {
609 | rewriteTpl(name, size, '该模块使用webpack打包，体积较大，建议参照核心功能重写，减少约50%体积');
610 | }
611 | }
612 | }
613 | }
614 | });
615 | }
616 | return advise;
617 | }
618 |
619 | function bundleAnalyzer(userOpts) {
620 | return {
621 | name: 'rollup-bundle-analyzer',
622 | // 暂时先用transform来获取原代码，用resolveId hook会有不执行的情况
623 | transform(code, id) {
624 | codeMap[id] = code;
625 | // babel
626 | // css
627 | // filer return [ast, map, code]
628 | return null;
629 | },
630 | async generateBundle(
631 | // @ts-ignore
632 | outputOptions, outputBundle) {
633 | // @ts-ignore
634 | const defaultOpts = {
635 | analyzerMode: 'server',
636 | host: '127.0.0.1',
637 | port: 9800,
638 | reportFilename: 'bundle-analyzer.html',
639 | openBrowser: true,
640 | statsFilename: 'stats.json',
641 | logLevel: 'info',
642 | bundleDir: './'
643 | };
644 | const options = { ...defaultOpts, ...userOpts };
645 | const getModuleDataFun = () => getMixCharData(outputBundle);
646 | const { customHandle } = options;
647 | const advise = await generateAdvise(outputBundle, this);
648 | if (options.analyzerMode === 'server') {
649 | startViewServe(getModuleDataFun, options);
650 | }
651 | else if (options.analyzerMode === 'json') {
652 | const chartData = await getMixCharData(outputBundle);
653 | this.emitFile({
654 | type: 'asset',
655 | name: options.statsFilename,
656 | fileName: options.statsFilename,
657 | source: JSON.stringify(chartData)
658 | });
659 | }
660 | else if (options.analyzerMode === 'static') {
661 | const chartData = await getMixCharData(outputBundle);
662 | const html = renderViewer({
663 | title: 'rollup-bundle-analyzer',
664 | enableWebSocket: false,
665 | chartData,
666 | mode: 'static',
667 | defaultSizes: 'stat'
668 | });
669 | this.emitFile({
670 | type: 'asset',
671 | name: options.reportFilename,
672 | fileName: options.reportFilename,
673 | source: html
674 | });
675 | }
676 | else if (options.analyzerMode === 'custom') {
677 | const chartData = await getMixCharData(outputBundle);
678 | const html = renderViewer({
679 | title: 'rollup-bundle-analyzer',
680 | enableWebSocket: false,
681 | chartData,
682 | mode: 'static',
683 | defaultSizes: 'stat'
684 | });
685 | if (typeof customHandle === 'function') {
686 | customHandle(chartData, html, advise);
687 | }
688 | }
689 | else {
690 | // @ts-ignore
691 | logger.error(`${pkg.red('analyzerMode只支持server, json, static, custom')} `);
692 | }
693 | }
694 | };
695 | }
696 |
697 | export { bundleAnalyzer as default };
698 | //# sourceMappingURL=index.js.map
699 |
--------------------------------------------------------------------------------
/dist/es/index.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"index.js","sources":["../../src/size.ts","../../src/tree/Node.ts","../../src/tree/Module.ts","../../src/tree/utils.ts","../../src/tree/Folder.ts","../../src/parseModule.ts","../../src/logger.ts","../../src/utils.ts","../../src/template.ts","../../src/viewer.ts","../../src/generateAdvise.ts","../../src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null],"names":["sizeGetter","url","__dirname","path","projectRoot","chalk"],"mappings":"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"}
--------------------------------------------------------------------------------
/dist/es/package.json:
--------------------------------------------------------------------------------
1 | {"type":"module"}
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "rollup-plugin-bundle-analyzer",
3 | "version": "1.6.6",
4 | "publishConfig": {
5 | "access": "public"
6 | },
7 | "description": "rollup plugin that represents bundle content as convenient interactive zoomable treemap",
8 | "license": "MIT",
9 | "author": "xiaojie",
10 | "homepage": "",
11 | "bugs": "",
12 | "main": "./dist/cjs/index.js",
13 | "module": "./dist/es/index.js",
14 | "exports": {
15 | "import": "./dist/es/index.js",
16 | "types": "./types/index.d.ts",
17 | "default": "./dist/cjs/index.js"
18 | },
19 | "engines": {
20 | "node": ">=14.0.0"
21 | },
22 | "devDependencies": {
23 | "@babel/core": "7.14.3",
24 | "@babel/plugin-proposal-class-properties": "7.13.0",
25 | "@babel/plugin-proposal-decorators": "7.14.2",
26 | "@babel/plugin-transform-runtime": "7.14.3",
27 | "@babel/preset-env": "7.14.2",
28 | "@babel/preset-react": "7.13.13",
29 | "@babel/runtime": "7.14.0",
30 | "@carrotsearch/foamtree": "3.5.0",
31 | "@rollup/plugin-commonjs": "^23.0.0",
32 | "@rollup/plugin-node-resolve": "^14.1.0",
33 | "@rollup/plugin-typescript": "^8.5.0",
34 | "@types/lodash": "^4.14.186",
35 | "@types/opener": "^1.4.0",
36 | "@types/uglify-js": "^3.17.1",
37 | "@types/ws": "^8.5.3",
38 | "autoprefixer": "10.2.5",
39 | "babel-eslint": "10.1.0",
40 | "babel-loader": "8.2.2",
41 | "babel-plugin-lodash": "3.3.4",
42 | "chai": "4.3.4",
43 | "chai-subset": "1.6.0",
44 | "classnames": "2.3.1",
45 | "core-js": "3.12.1",
46 | "css-loader": "5.2.5",
47 | "cssnano": "5.0.4",
48 | "del": "6.0.0",
49 | "del-cli": "^5.0.0",
50 | "eslint-plugin-react": "7.23.2",
51 | "filesize": "^6.3.0",
52 | "globby": "11.0.3",
53 | "jest": "27.2.2",
54 | "mobx": "5.15.7",
55 | "mobx-react": "6.3.1",
56 | "postcss": "8.3.0",
57 | "postcss-icss-values": "2.0.2",
58 | "postcss-loader": "5.3.0",
59 | "preact": "10.5.13",
60 | "rollup": "^3.0.0-7",
61 | "stream-combiner2": "1.1.1",
62 | "style-loader": "2.0.0",
63 | "terser-webpack-plugin": "5.1.2",
64 | "tslib": "^2.4.1",
65 | "typescript": "^4.8.3",
66 | "url-loader": "4.1.1",
67 | "webpack": "5.37.1",
68 | "webpack-cli": "3.3.12",
69 | "webpack-dev-server": "3.11.2"
70 | },
71 | "repository": "https://github.com/Jerry2023/rollup-plugin-bundle-analyzer",
72 | "scripts": {
73 | "build:client": "webpack",
74 | "build-all": "pnpm run build:client & pnpm run build",
75 | "build": "rollup -c",
76 | "ci:coverage": "nyc pnpm test && nyc report --reporter=text-lcov > coverage.lcov",
77 | "ci:lint": "pnpm build && pnpm lint",
78 | "ci:lint:commits": "commitlint --from=${CIRCLE_BRANCH} --to=${CIRCLE_SHA1}",
79 | "ci:test": "pnpm test -- --verbose",
80 | "prebuild": "del-cli dist",
81 | "prepare": "if [ ! -d 'dist' ]; then pnpm build; fi",
82 | "prerelease": "pnpm build",
83 | "pretest": "pnpm build",
84 | "release": "pnpm --workspace-root plugin:release --pkg $npm_package_name",
85 | "test": "ava",
86 | "test:ts": "tsc --noEmit"
87 | },
88 | "files": [
89 | "dist",
90 | "!dist/**/*.map",
91 | "types",
92 | "README.md",
93 | "public",
94 | ""
95 | ],
96 | "keywords": [
97 | "vite",
98 | "rollup",
99 | "plugin",
100 | "resolve",
101 | "bundle",
102 | "size"
103 | ],
104 | "peerDependencies": {
105 | "rollup": "^1.20.0||^2.0.0||^3.0.0"
106 | },
107 | "peerDependenciesMeta": {
108 | "rollup": {
109 | "optional": true
110 | }
111 | },
112 | "dependencies": {
113 | "chalk": "^4.1.0",
114 | "commander": "^7.2.0",
115 | "gzip-size": "^6.0.0",
116 | "lodash": "^4.17.21",
117 | "opener": "^1.5.2",
118 | "sirv": "^1.0.7",
119 | "terser": "^5.15.1",
120 | "ws": "^7.3.1"
121 | },
122 | "types": "./types/index.d.ts",
123 | "ava": {
124 | "files": [
125 | "!**/fixtures/**",
126 | "!**/output/**",
127 | "!**/helpers/**",
128 | "!**/recipes/**",
129 | "!**/types.ts"
130 | ]
131 | }
132 | }
133 |
--------------------------------------------------------------------------------
/rollup.config.mjs:
--------------------------------------------------------------------------------
1 | import { readFileSync } from 'fs';
2 | import { builtinModules } from 'module';
3 |
4 | // eslint-disable-next-line import/no-extraneous-dependencies
5 | import typescript from '@rollup/plugin-typescript';
6 | import commonjs from '@rollup/plugin-commonjs';
7 | import { nodeResolve } from '@rollup/plugin-node-resolve';
8 |
9 | /**
10 | * Create a base rollup config
11 | * @param {Record} pkg Imported package.json
12 | * @param {string[]} external Imported package.json
13 | * @returns {import('rollup').RollupOptions}
14 | */
15 | export function createConfig({ pkg, external = [] }) {
16 | return {
17 | input: 'src/index.ts', external: Object.keys(pkg.dependencies || {})
18 | .concat(Object.keys(pkg.peerDependencies || {}))
19 | .concat(builtinModules)
20 | .concat(external), onwarn: (warning) => {
21 | throw Object.assign(new Error(), warning);
22 | }, strictDeprecations: true, output: [{
23 | format: 'cjs',
24 | file: pkg.main,
25 | exports: 'named',
26 | footer: 'module.exports = Object.assign(exports.default, exports);',
27 | sourcemap: true
28 | }, {
29 | format: 'es', file: pkg.module, plugins: [emitModulePackageFile()], sourcemap: true
30 | }], plugins: [typescript({ sourceMap: true }), nodeResolve(), commonjs()]
31 | };
32 | }
33 |
34 | export function emitModulePackageFile() {
35 | return {
36 | name: 'emit-module-package-file', generateBundle() {
37 | this.emitFile({
38 | type: 'asset', fileName: 'package.json', source: `{"type":"module"}`
39 | });
40 | }
41 | };
42 | }
43 |
44 |
45 | export default createConfig({
46 | pkg: JSON.parse(readFileSync(new URL('./package.json', import.meta.url), 'utf8'))
47 | });
48 |
--------------------------------------------------------------------------------
/src/generateAdvise.ts:
--------------------------------------------------------------------------------
1 | import { OutputBundle, PluginContext } from 'rollup';
2 |
3 | import _ from 'lodash';
4 |
5 | import { Advise } from '../types';
6 |
7 | import { transformModule } from './parseModule';
8 | import { getModulePathParts } from './tree/utils';
9 | import { sizeGetter } from './size';
10 |
11 | const getQuery = (schema: string) => schema.split('?').slice(1);
12 |
13 | const formatName = (name: string) => name.split('.')?.[0];
14 |
15 | export default async function generateAdvise(outputBundle: OutputBundle, context: PluginContext) {
16 | const advise: Advise = {
17 | treeSharking: {},
18 | replace: {},
19 | commonjs: {},
20 | polyfill: {},
21 | rewrite: {}
22 | };
23 |
24 | const replaceTpl = (moduleName: string, target: string) => {
25 | const name = formatName(moduleName);
26 | advise.replace[name] = {
27 | target
28 | };
29 | };
30 |
31 | const commonjsTpl = (moduleName: string) => {
32 | const name = formatName(moduleName);
33 | advise.commonjs[name] = {};
34 | };
35 |
36 | const treeSharkingTpl = (moduleName: string, size: number) => {
37 | const name = formatName(moduleName);
38 | advise.treeSharking[name] = {
39 | size
40 | };
41 | };
42 |
43 | const polyfillTpl = (moduleName: string, size: number) => {
44 | const name = formatName(moduleName);
45 | advise.polyfill[name] = {
46 | size
47 | };
48 | };
49 |
50 | const rewriteTpl = (moduleName: string, size: number, desc: string) => {
51 | const name = formatName(moduleName);
52 | advise.rewrite[name] = {
53 | size,
54 | desc
55 | };
56 | };
57 |
58 | for (const [id, module] of Object.entries(outputBundle)) {
59 | // eslint-disable-next-line no-await-in-loop
60 | await transformModule(module, id, (m) => {
61 | const pathParts = getModulePathParts(m);
62 | const name = _.last(pathParts);
63 | const moduleInfo = context.getModuleInfo(m.name);
64 | if (moduleInfo) {
65 | // 判断是否是项目引进的包，再判断是否可以优化
66 | const isImportByProject = moduleInfo.importers.find(
67 | (i) => i.indexOf('node_modules') === -1
68 | );
69 | if (isImportByProject) {
70 | const size = sizeGetter(m.code || '');
71 | if (pathParts && m.name.indexOf('node_modules') > -1 && /\.js| \.ts/.test(m.name)) {
72 | const nodeModulesIndex = pathParts.findIndex((i) => i === 'node_modules');
73 | if (nodeModulesIndex === -1) {
74 | return;
75 | }
76 | let moduleName = pathParts[nodeModulesIndex + 1];
77 | // eg @element-plus/icons-vue
78 | if (moduleName.indexOf('@') > -1) {
79 | moduleName = `${moduleName}/${pathParts[nodeModulesIndex + 2]}`;
80 | }
81 | if (
82 | m.removedExports &&
83 | Array.isArray(m.removedExports) &&
84 | m.removedExports.length === 0
85 | ) {
86 | treeSharkingTpl(moduleName, size);
87 | }
88 | const query = getQuery(m.name);
89 | if (query.find((i) => i === 'commonjs-module')) {
90 | commonjsTpl(moduleName);
91 | }
92 | if (moduleName.indexOf('polyfill') > -1) {
93 | polyfillTpl(moduleName, size);
94 | }
95 | }
96 | if (name) {
97 | if (name === 'moment.js') {
98 | replaceTpl(name, 'dayjs');
99 | }
100 | if (name === 'lodash.js') {
101 | replaceTpl(name, 'lodash-es.js');
102 | }
103 | if (name.indexOf('polyfill') > -1) {
104 | polyfillTpl(name, size);
105 | }
106 | if (name === 'js-file-downloader.js') {
107 | rewriteTpl(
108 | name,
109 | size,
110 | '该模块使用webpack打包，体积较大，建议参照核心功能重写，减少约50%体积'
111 | );
112 | }
113 | }
114 | }
115 | }
116 | });
117 | }
118 | return advise;
119 | }
120 |
--------------------------------------------------------------------------------
/src/index.ts:
--------------------------------------------------------------------------------
1 | import { NormalizedOutputOptions, OutputBundle, Plugin } from 'rollup';
2 |
3 | import chalk from 'chalk';
4 |
5 | import { PluginOptions } from '../types';
6 |
7 | import getMixCharData, { codeMap } from './parseModule';
8 | import startViewServe from './viewer';
9 | import renderViewer from './template';
10 | import logger from './logger';
11 | import generateAdvise from './generateAdvise';
12 |
13 | export default function bundleAnalyzer(userOpts: PluginOptions): Plugin {
14 | return {
15 | name: 'rollup-bundle-analyzer',
16 | // 暂时先用transform来获取原代码，用resolveId hook会有不执行的情况
17 | transform(code, id) {
18 | codeMap[id] = code;
19 | // babel
20 | // css
21 | // filer return [ast, map, code]
22 | return null;
23 | },
24 | async generateBundle(
25 | // @ts-ignore
26 | outputOptions: NormalizedOutputOptions,
27 | outputBundle: OutputBundle
28 | ): Promise {
29 | // @ts-ignore
30 | const defaultOpts: PluginOptions = {
31 | analyzerMode: 'server',
32 | host: '127.0.0.1',
33 | port: 9800,
34 | reportFilename: 'bundle-analyzer.html',
35 | openBrowser: true,
36 | statsFilename: 'stats.json',
37 | logLevel: 'info',
38 | bundleDir: './'
39 | };
40 |
41 | const options = { ...defaultOpts, ...userOpts };
42 | const getModuleDataFun = () => getMixCharData(outputBundle);
43 | const { customHandle } = options;
44 | const advise = await generateAdvise(outputBundle, this);
45 |
46 | if (options.analyzerMode === 'server') {
47 | startViewServe(getModuleDataFun, options);
48 | } else if (options.analyzerMode === 'json') {
49 | const chartData = await getMixCharData(outputBundle);
50 | this.emitFile({
51 | type: 'asset',
52 | name: options.statsFilename,
53 | fileName: options.statsFilename,
54 | source: JSON.stringify(chartData)
55 | });
56 | } else if (options.analyzerMode === 'static') {
57 | const chartData = await getMixCharData(outputBundle);
58 |
59 | const html = renderViewer({
60 | title: 'rollup-bundle-analyzer',
61 | enableWebSocket: false,
62 | chartData,
63 | mode: 'static',
64 | defaultSizes: 'stat'
65 | });
66 | this.emitFile({
67 | type: 'asset',
68 | name: options.reportFilename,
69 | fileName: options.reportFilename,
70 | source: html
71 | });
72 | } else if (options.analyzerMode === 'custom') {
73 | const chartData = await getMixCharData(outputBundle);
74 |
75 | const html = renderViewer({
76 | title: 'rollup-bundle-analyzer',
77 | enableWebSocket: false,
78 | chartData,
79 | mode: 'static',
80 | defaultSizes: 'stat'
81 | });
82 | if (typeof customHandle === 'function') {
83 | customHandle(chartData, html, advise);
84 | }
85 | } else {
86 | // @ts-ignore
87 | logger.error(`${chalk.red('analyzerMode只支持server, json, static, custom')} `);
88 | }
89 | }
90 | };
91 | }
92 |
--------------------------------------------------------------------------------
/src/logger.ts:
--------------------------------------------------------------------------------
1 | import type { Level } from '../types';
2 |
3 | const LEVELS = ['debug', 'info', 'warn', 'error', 'silent'];
4 | const LOG_PREFIX = '\n[rollup-plugin-analyzer]';
5 |
6 | const LEVEL_TO_CONSOLE_METHOD = new Map([
7 | ['debug', 'log'],
8 | ['info', 'log'],
9 | ['warn', 'log']
10 | ]);
11 |
12 | class Logger {
13 | static levels = LEVELS;
14 | static defaultLevel: Level = 'info';
15 | activeLevels = new Set();
16 |
17 | constructor(level: Level = Logger.defaultLevel) {
18 | this.setLogLevel(level);
19 | }
20 |
21 | static log(level: Level, ...args: any[]) {
22 | const operation = LEVEL_TO_CONSOLE_METHOD.get(level) || level;
23 | // eslint-disable-next-line no-console
24 | console[operation as Extract](...args);
25 | }
26 |
27 | private setLogLevel(level: Level) {
28 | const levelIndex = LEVELS.indexOf(level);
29 |
30 | if (levelIndex === -1)
31 | throw new Error(`Invalid log level "${level}". Use one of these: ${LEVELS.join(', ')}`);
32 |
33 | this.activeLevels.clear();
34 |
35 | for (const [i, levelValue] of LEVELS.entries()) {
36 | if (i >= levelIndex) this.activeLevels.add(levelValue);
37 | }
38 | }
39 | }
40 |
41 | LEVELS.forEach((level) => {
42 | if (level === 'silent') return;
43 |
44 | // @ts-ignore
45 | Logger.prototype[level] = function log(...args) {
46 | if (this.activeLevels.has(level)) Logger.log(level as Level, LOG_PREFIX, ...args);
47 | };
48 | });
49 | const logger = new Logger('info');
50 |
51 | export default logger;
52 |
--------------------------------------------------------------------------------
/src/parseModule.ts:
--------------------------------------------------------------------------------
1 | import { OutputAsset, OutputBundle, OutputChunk } from 'rollup';
2 | import { minify } from 'terser';
3 |
4 | import _ from 'lodash';
5 |
6 | import { CharData, MixCharData, Module, TransformedModule } from '../types';
7 |
8 | import { createModulesTree } from './tree/Folder';
9 | import { sizeGetter } from './size';
10 |
11 | export const codeMap: Record = {};
12 |
13 | export async function transformModule(
14 | module: Module,
15 | id: string,
16 | resolver?: (m: TransformedModule) => void
17 | ) {
18 | // fix https://github.com/ritz078/rollup-plugin-filesize/issues/57
19 | // @ts-ignore
20 | delete module.isAsset;
21 | // @ts-ignore
22 | const transformedModule: TransformedModule = {
23 | ...module,
24 | name: id,
25 | modules: [],
26 | originCode: codeMap[id],
27 | code:
28 | (
29 | await minify((module as OutputChunk).code ?? '', {
30 | // module: true,
31 | safari10: true
32 | // toplevel: true
33 | })
34 | ).code ?? ''
35 | };
36 | if (resolver) {
37 | resolver(transformedModule);
38 | }
39 | if (!('modules' in (module as OutputAsset))) {
40 | transformedModule.modules = [];
41 | return transformedModule;
42 | }
43 | transformedModule.modules = [];
44 | for (const [id, m] of Object.entries((module as OutputChunk).modules)) {
45 | // eslint-disable-next-line no-await-in-loop
46 | transformedModule.modules.push((await transformModule(m, id, resolver))!);
47 | }
48 | return transformedModule;
49 | }
50 |
51 | async function getModuleData(outputBundle: OutputBundle): Promise {
52 | const modules: {
53 | [id: string]: TransformedModule;
54 | } = {};
55 | for (const [id, module] of Object.entries(outputBundle)) {
56 | // eslint-disable-next-line
57 | const chunk = await transformModule(module, id);
58 | chunk.tree = createModulesTree(chunk.modules);
59 | chunk.size = sizeGetter(chunk.code || '');
60 | modules[id] = chunk;
61 | if (module.type === 'asset') {
62 | const { source } = module;
63 | // 二进制资源文件，比如图片
64 | if (typeof source === 'string') {
65 | chunk.size = sizeGetter(source);
66 | } else {
67 | chunk.size = Buffer.byteLength(source);
68 | }
69 | }
70 | }
71 | return Object.entries(modules).map(([name, asset]) => {
72 | return {
73 | label: name,
74 | isAsset: true,
75 | statSize: asset.tree.size || asset.size,
76 | parsedSize: asset.tree.renderSize,
77 | gzipSize: asset.tree.gzipSize,
78 | groups: _.invokeMap(asset.tree.children, 'toChartData') as CharData
79 | };
80 | });
81 | }
82 |
83 | interface Chunk {
84 | tree?: any;
85 | }
86 |
87 | async function getSplitLibData(outputBundle: OutputBundle): Promise {
88 | const modules: {
89 | library: Chunk;
90 | project: Chunk;
91 | } = {
92 | library: {},
93 | project: {}
94 | };
95 | const libModules: TransformedModule[] = [];
96 | const projectModules: TransformedModule[] = [];
97 | for (const [id, module] of Object.entries(outputBundle)) {
98 | if (module.type === 'chunk') {
99 | // eslint-disable-next-line
100 | await transformModule(module, id, (m) => {
101 | if (m.name === id) {
102 | return;
103 | }
104 | if (m.name.indexOf('node_modules') > -1 || m.name.indexOf('vite') > -1) {
105 | libModules.push(m);
106 | } else {
107 | projectModules.push(m);
108 | }
109 | });
110 | }
111 | }
112 | modules.library.tree = createModulesTree(libModules);
113 | modules.project.tree = createModulesTree(projectModules);
114 |
115 | return Object.entries(modules).map(([name, asset]) => {
116 | return {
117 | label: name,
118 | isAsset: true,
119 | statSize: asset.tree.size,
120 | parsedSize: asset.tree.renderSize,
121 | gzipSize: asset.tree.gzipSize,
122 | groups: _.invokeMap(asset.tree.children, 'toChartData') as CharData
123 | };
124 | });
125 | }
126 |
127 | export default async function getMixCharData(outputBundle: OutputBundle): Promise {
128 | return {
129 | lib: await getSplitLibData(outputBundle),
130 | default: await getModuleData(outputBundle)
131 | };
132 | }
133 |
134 | export type GetModuleData = typeof getModuleData;
135 |
--------------------------------------------------------------------------------
/src/pureBundle.ts:
--------------------------------------------------------------------------------
1 | import { writeFileSync } from 'fs';
2 | import path from 'path';
3 | import { OutputBundle, OutputOptions } from 'rollup';
4 |
5 | /**
6 | * 删除多余的key值，例如code, data这类比较长的内容，可以更方便观测生成的包数据结构
7 | * @param target 目标对象
8 | * @param delKey 要删除的key值
9 | */
10 | // eslint-disable-next-line @typescript-eslint/no-unused-vars
11 | // @ts-ignore
12 | function deleteKey(target: any, delKey: Array): void {
13 | if (!target) {
14 | return;
15 | }
16 | for (const [key, value] of Object.entries(target)) {
17 | if ((typeof value === 'string' || Array.isArray(value)) && delKey.includes(key)) {
18 | const limit = Array.isArray(value) ? 5 : 300;
19 | if (value.length > 10) {
20 | target[key] = value.slice(0, limit);
21 | }
22 | }
23 | if (typeof value === 'object' && !Array.isArray(value)) {
24 | deleteKey(value, delKey);
25 | }
26 | }
27 | }
28 |
29 | export default function pureBundle(outputOptions: OutputOptions, outputBundle: OutputBundle) {
30 | const pureBundleInfo = JSON.parse(JSON.stringify(outputBundle));
31 | deleteKey(pureBundleInfo, ['code', 'data', 'source']);
32 | writeFileSync(path.join(process.cwd(), 'outputOpt.json'), JSON.stringify(outputOptions));
33 | writeFileSync(path.join(process.cwd(), 'bundle.json'), JSON.stringify(pureBundleInfo));
34 | }
35 |
--------------------------------------------------------------------------------
/src/size.ts:
--------------------------------------------------------------------------------
1 | export const createBrotliSizeGetter = () => {
2 | return (code: string) => {
3 | // eslint-disable-next-line no-console
4 | const data = Buffer.from(code || '', 'utf-8');
5 | return data.length;
6 | };
7 | };
8 |
9 | export const sizeGetter = (code: string) => {
10 | const data = Buffer.from(code, 'utf-8');
11 | return data.length;
12 | };
13 |
--------------------------------------------------------------------------------
/src/template.ts:
--------------------------------------------------------------------------------
1 | import path from 'path';
2 | import fs from 'fs';
3 | import url from 'url';
4 |
5 | import _ from 'lodash';
6 |
7 | import { MixCharData } from '../types';
8 | // @ts-ignore
9 | const fileName = url.fileURLToPath(import.meta.url);
10 | const __dirname = path.dirname(fileName);
11 | const projectRoot = path.resolve(__dirname, '..', '..');
12 | const assetsRoot = path.join(projectRoot, 'public');
13 |
14 | function escapeJson(json?: Object) {
15 | return JSON.stringify(json).replace(/ `${string}${values[index] || ''}`).join('');
30 | }
31 |
32 | function getScript(filename: string, mode?: string) {
33 | if (mode === 'static') {
34 | return ` `;
35 | }
36 | return ``;
37 | }
38 |
39 | export default function renderViewer({
40 | title,
41 | enableWebSocket,
42 | chartData,
43 | defaultSizes,
44 | mode
45 | }: {
46 | title?: string;
47 | enableWebSocket?: Object;
48 | chartData?: MixCharData;
49 | defaultSizes?: string;
50 | mode?: string;
51 | } = {}) {
52 | return html`
53 |
54 |
55 | ${_.escape(title)}
58 |
61 | ${getScript('viewer.js', mode)}
62 |
63 |
64 |
65 |
66 |
70 |
71 | `;
72 | }
73 |
--------------------------------------------------------------------------------
/src/tree/Folder.ts:
--------------------------------------------------------------------------------
1 | import _ from 'lodash';
2 | import gzipSize from 'gzip-size';
3 |
4 | import { TransformedModule } from '../../types';
5 |
6 | import Module, { ModuleInstance } from './Module';
7 | import Node, { NodeInstance } from './Node';
8 | import { getModulePathParts } from './utils';
9 |
10 | interface Stop {
11 | (state: T): T;
12 | }
13 |
14 | export default class Folder extends Node {
15 | public children: {
16 | [key: string]: Folder | ModuleInstance;
17 | };
18 | private _code: string | undefined;
19 | private _originCode: string | undefined;
20 | private _size: number | undefined;
21 | private _renderSize: number | undefined;
22 | private _gzipSize: number | undefined;
23 |
24 | constructor(name: string, parent?: NodeInstance) {
25 | super(name, parent);
26 | this.children = Object.create(null);
27 | }
28 |
29 | get gzipSize() {
30 | if (!_.has(this, '_gzipSize')) {
31 | this._gzipSize = this.code ? gzipSize.sync(this.code) : 0;
32 | }
33 |
34 | return this._gzipSize;
35 | }
36 |
37 | get code() {
38 | if (!_.has(this, '_code')) {
39 | this._code = this.walk((node, code) => code + node.code ?? '', '', false);
40 | }
41 |
42 | return this._code;
43 | }
44 |
45 | get originCode() {
46 | if (!_.has(this, '_originCode')) {
47 | this._originCode = this.walk(
48 | (node, originCode) => originCode + node.originCode ?? '',
49 | '',
50 | false
51 | );
52 | }
53 |
54 | return this._originCode;
55 | }
56 |
57 | get size() {
58 | if (!_.has(this, '_size')) {
59 | this._size = this.walk((node, size) => size + node.size, 0, false);
60 | }
61 |
62 | return this._size;
63 | }
64 |
65 | get renderSize() {
66 | if (!_.has(this, '_renderSize')) {
67 | this._renderSize = this.walk((node, renderSize) => renderSize + node.renderSize, 0, false);
68 | }
69 |
70 | return this._renderSize;
71 | }
72 |
73 | getChild(name: string) {
74 | return this.children[name];
75 | }
76 |
77 | addChildModule(module: ModuleInstance) {
78 | const { name } = module;
79 | const currentChild = this.children[name];
80 | if (currentChild && currentChild instanceof Folder) return;
81 | // eslint-disable-next-line no-param-reassign
82 | module.parent = this;
83 | this.children[name] = module;
84 |
85 | delete this._size;
86 | delete this._code;
87 | }
88 |
89 | addChildFolder(folder: Folder) {
90 | this.children[folder.name] = folder;
91 | delete this._size;
92 | delete this._code;
93 | return folder;
94 | }
95 |
96 | walk(
97 | walker: (child: Folder | Module, state: any, stop: Stop) => any,
98 | state: any = {},
99 | deep: boolean | Stop = true
100 | ) {
101 | let stopped = false;
102 |
103 | function stop(finalState: any) {
104 | stopped = true;
105 | return finalState;
106 | }
107 |
108 | // eslint-disable-next-line consistent-return
109 | Object.values(this.children).forEach((child) => {
110 | if (deep && (child as Folder).walk) {
111 | // eslint-disable-next-line no-param-reassign
112 | state = (child as Folder).walk(walker, state, stop);
113 | } else {
114 | // eslint-disable-next-line no-param-reassign
115 | state = walker(child, state, stop);
116 | }
117 |
118 | if (stopped) return false;
119 | });
120 | return state;
121 | }
122 |
123 | mergeNestedFolders() {
124 | if (!this.isRoot) {
125 | let childNames;
126 | // 合并只有一个文件的目录
127 | // eslint-disable-next-line no-cond-assign
128 | while ((childNames = Object.keys(this.children)).length === 1) {
129 | // eslint-disable-next-line prefer-destructuring
130 | const childName = childNames[0];
131 | const onlyChild = this.children[childName];
132 |
133 | if (onlyChild instanceof this.constructor) {
134 | this.name += `/${onlyChild.name}`;
135 | this.children = (onlyChild as Folder).children;
136 | } else {
137 | break;
138 | }
139 | }
140 | }
141 |
142 | this.walk(
143 | (child) => {
144 | // eslint-disable-next-line no-param-reassign
145 | child.parent = this;
146 |
147 | if ((child as Folder).mergeNestedFolders) {
148 | (child as Folder).mergeNestedFolders();
149 | }
150 | },
151 | null,
152 | false
153 | );
154 | }
155 |
156 | addModule(moduleData: TransformedModule) {
157 | const pathParts = getModulePathParts(moduleData);
158 |
159 | if (!pathParts) {
160 | return;
161 | }
162 |
163 | const [folders, fileName] = [pathParts.slice(0, -1), _.last(pathParts)];
164 | let currentFolder: Folder = this;
165 |
166 | folders.forEach((folderName) => {
167 | let childNode = currentFolder.getChild(folderName);
168 |
169 | if (!childNode || !(childNode instanceof Folder)) {
170 | childNode = currentFolder.addChildFolder(new Folder(folderName, this));
171 | }
172 | currentFolder = childNode;
173 | });
174 | if (fileName) {
175 | const module = new Module(fileName, moduleData, this);
176 | currentFolder.addChildModule(module);
177 | }
178 | }
179 |
180 | toChartData() {
181 | return {
182 | label: this.name,
183 | path: this.path,
184 | statSize: this.size,
185 | parsedSize: this.renderSize,
186 | groups: _.invokeMap(this.children, 'toChartData'),
187 | gzipSize: this.gzipSize
188 | };
189 | }
190 | }
191 |
192 | export type FolderInstance = InstanceType;
193 |
194 | export function createModulesTree(modules: TransformedModule['modules']) {
195 | const root = new Folder('.');
196 | modules.forEach((module) => root.addModule(module));
197 | root.mergeNestedFolders();
198 | return root;
199 | }
200 |
--------------------------------------------------------------------------------
/src/tree/Module.ts:
--------------------------------------------------------------------------------
1 | import _ from 'lodash';
2 | import gzipSize from 'gzip-size';
3 |
4 | import type { TransformedModule } from '../../types';
5 | import { createBrotliSizeGetter } from '../size';
6 |
7 | import Node from './Node';
8 | import Folder from './Folder';
9 |
10 | const sizeGetter = createBrotliSizeGetter();
11 |
12 | export default class Module extends Node {
13 | private readonly data: TransformedModule;
14 | private _gzipSize: number | undefined;
15 |
16 | constructor(name: string, data: TransformedModule, parent: Folder) {
17 | super(name, parent);
18 | this.data = data;
19 | }
20 |
21 | get size() {
22 | return sizeGetter(this.originCode ?? '');
23 | }
24 |
25 | get code() {
26 | return this.data.code;
27 | }
28 |
29 | get originCode() {
30 | return this.data.originCode;
31 | }
32 |
33 | get renderSize() {
34 | return sizeGetter(this.data.code ?? '');
35 | }
36 |
37 | get gzipSize() {
38 | if (!_.has(this, '_gzipSize')) {
39 | this._gzipSize = this.code ? gzipSize.sync(this.code) : undefined;
40 | }
41 |
42 | return this._gzipSize;
43 | }
44 |
45 | toChartData() {
46 | return {
47 | id: this.data.name,
48 | label: this.name,
49 | path: this.path,
50 | statSize: this.size,
51 | parsedSize: this.renderSize,
52 | gzipSize: this.gzipSize
53 | };
54 | }
55 | }
56 |
57 | export type ModuleInstance = InstanceType;
58 |
--------------------------------------------------------------------------------
/src/tree/Node.ts:
--------------------------------------------------------------------------------
1 | export default class Node {
2 | name: string;
3 | public parent: Node | undefined;
4 | constructor(name: string, parent?: Node) {
5 | this.name = name;
6 | this.parent = parent;
7 | }
8 |
9 | get path() {
10 | return this.name;
11 | }
12 |
13 | get isRoot() {
14 | return !this.parent;
15 | }
16 | }
17 |
18 | export type NodeInstance = InstanceType;
19 |
--------------------------------------------------------------------------------
/src/tree/utils.ts:
--------------------------------------------------------------------------------
1 | import { TransformedModule } from '../../types';
2 |
3 | export function getModulePathParts(moduleData: TransformedModule) {
4 | const projectRoot = process.cwd();
5 | const parsedPath = moduleData.name
6 | .replace(`${projectRoot}/`, '')
7 | .split('/')
8 | // Replacing `~` with `node_modules`
9 | .map((part) => (part === '~' ? 'node_modules' : part));
10 | return parsedPath.length ? parsedPath : null;
11 | }
12 |
--------------------------------------------------------------------------------
/src/utils.ts:
--------------------------------------------------------------------------------
1 | import { inspect, types } from 'util';
2 |
3 | import _ from 'lodash';
4 | import opener from 'opener';
5 | import logger from './logger';
6 |
7 | const MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
8 |
9 | export function createAssetsFilter(excludePatterns: any) {
10 | const excludeFunctions = _(excludePatterns)
11 | .castArray()
12 | .compact()
13 | .map((pattern) => {
14 | if (typeof pattern === 'string') {
15 | // eslint-disable-next-line no-param-reassign
16 | pattern = new RegExp(pattern, 'u');
17 | }
18 |
19 | if (types.isRegExp(pattern)) {
20 | return (asset: any) => pattern.test(asset);
21 | }
22 |
23 | if (typeof pattern !== 'function') {
24 | throw new TypeError(
25 | `Pattern should be either string, RegExp or a function, but "${inspect(pattern, {
26 | depth: 0
27 | })}" got.`
28 | );
29 | }
30 |
31 | return pattern;
32 | })
33 | .value();
34 |
35 | if (excludeFunctions.length) {
36 | return (asset: any) => excludeFunctions.every((fn) => fn(asset) !== true);
37 | } else {
38 | return () => true;
39 | }
40 | }
41 |
42 | export function defaultTitle() {
43 | const time = new Date();
44 | const year = time.getFullYear();
45 | const month = MONTHS[time.getMonth()];
46 | const day = time.getDate();
47 | const hour = `0${time.getHours()}`.slice(-2);
48 | const minute = `0${time.getMinutes()}`.slice(-2);
49 |
50 | const currentTime = `${day} ${month} ${year} at ${hour}:${minute}`;
51 |
52 | return `${process.env.npm_package_name || 'Webpack Bundle Analyzer'} [${currentTime}]`;
53 | }
54 |
55 | export function defaultAnalyzerUrl(options: { listenHost: string; boundAddress: any }) {
56 | const { listenHost, boundAddress } = options;
57 | return `http://${listenHost}:${boundAddress.port}`;
58 | }
59 |
60 | export const open = function (uri: string) {
61 | try {
62 | opener(uri);
63 | } catch (err) {
64 | // @ts-ignore
65 | logger.debug(`Opener failed to open "${uri}":\n${err}`);
66 | }
67 | };
68 |
--------------------------------------------------------------------------------
/src/viewer.ts:
--------------------------------------------------------------------------------
1 | import * as path from 'path';
2 | import * as http from 'http';
3 | import * as url from 'url';
4 |
5 | import WebSocket from 'ws';
6 | import sirv from 'sirv';
7 | import pkg from 'chalk';
8 |
9 | import type { MixCharData, PluginOptions } from '../types';
10 |
11 | import { open } from './utils';
12 | import renderViewer from './template';
13 | import logger from './logger';
14 |
15 | type GetModuleDataFun = () => Promise;
16 |
17 | const { bold } = pkg;
18 | let serverInstance: Awaited>;
19 |
20 | // @ts-ignore
21 | // eslint-disable-next-line no-underscore-dangle
22 | const __filename = url.fileURLToPath(import.meta.url);
23 | const __dirname = path.dirname(__filename);
24 | const projectRoot = path.resolve(__dirname, '..', '..');
25 |
26 | function analyzerUrl(options: { listenPort?: any; listenHost: any; boundAddress: any }) {
27 | const { listenHost, boundAddress } = options;
28 | return `http://${listenHost}:${boundAddress.port}`;
29 | }
30 |
31 | async function startServer(
32 | opts: PluginOptions,
33 | moduleData: MixCharData,
34 | getModuleDataFun: GetModuleDataFun
35 | ) {
36 | const { port = 8888, host = '127.0.0.1', openBrowser = true } = opts || {};
37 |
38 | const sirvMiddleware = sirv(`${projectRoot}/public`, { dev: true });
39 |
40 | const server = http.createServer((req, res) => {
41 | if (req.method === 'GET' && req.url === '/') {
42 | const html = renderViewer({
43 | title: 'rollup-bundle-analyzer',
44 | enableWebSocket: true,
45 | chartData: moduleData,
46 | mode: 'serve',
47 | defaultSizes: 'stat'
48 | });
49 | res.writeHead(200, { 'Content-Type': 'text/html' });
50 | res.end(html);
51 | } else {
52 | sirvMiddleware(req, res);
53 | }
54 | });
55 |
56 | await new Promise((resolve) => {
57 | // @ts-ignore
58 | server.listen(port, host, () => {
59 | resolve();
60 | // eslint-disable-next-line @typescript-eslint/no-shadow
61 | const url = analyzerUrl({
62 | listenPort: port,
63 | listenHost: host,
64 | boundAddress: server.address()
65 | });
66 | // @ts-ignore
67 | logger.info(
68 | `${bold('Rollup Bundle Analyzer')} is started at ${bold(url)}\n` +
69 | `Use ${bold('Ctrl+C')} to close it`
70 | );
71 |
72 | if (openBrowser) {
73 | open(url);
74 | }
75 | });
76 | });
77 |
78 | const wss = new WebSocket.Server({ server });
79 |
80 | wss.on('connection', (ws) => {
81 | ws.on('error', (err) => {
82 | // Ignore network errors like `ECONNRESET`, `EPIPE`, etc.
83 | // @ts-ignore
84 | if (err.errno) return;
85 | // @ts-ignore
86 | logger.info(err.message);
87 | });
88 | });
89 |
90 | // eslint-disable-next-line consistent-return
91 | return {
92 | ws: wss,
93 | http: server,
94 | updateChartData
95 | };
96 |
97 | async function updateChartData() {
98 | const newChartData = await getModuleDataFun();
99 |
100 | if (!newChartData) return;
101 |
102 | wss.clients.forEach((client) => {
103 | if (client.readyState === WebSocket.OPEN) {
104 | client.send(
105 | JSON.stringify({
106 | event: 'chartDataUpdated',
107 | data: newChartData
108 | })
109 | );
110 | }
111 | });
112 | }
113 | }
114 |
115 | export default async function startViewServe(
116 | getModuleDataFun: GetModuleDataFun,
117 | pluginOpt: PluginOptions
118 | ) {
119 | const moduleData = await getModuleDataFun();
120 | if (serverInstance) {
121 | (await serverInstance).updateChartData();
122 | } else {
123 | serverInstance = await startServer(
124 | {
125 | openBrowser: pluginOpt.openBrowser,
126 | host: pluginOpt.host!,
127 | port: pluginOpt.port!,
128 | bundleDir: ''
129 | },
130 | moduleData,
131 | getModuleDataFun
132 | );
133 | }
134 | }
135 |
--------------------------------------------------------------------------------
/tsconfig.base.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "allowSyntheticDefaultImports": true,
4 | "esModuleInterop": true,
5 | "lib": ["es6"],
6 | "module": "commonjs",
7 | "moduleResolution": "node",
8 | "noEmit": true,
9 | "noEmitOnError": false,
10 | "noUnusedLocals": true,
11 | "noUnusedParameters": true,
12 | "pretty": true,
13 | "sourceMap": true,
14 | "strict": true,
15 | "target": "es2019"
16 | },
17 | "exclude": ["dist", "node_modules", "test/types"]
18 | }
19 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./tsconfig.base.json"
3 | }
4 |
--------------------------------------------------------------------------------
/types/index.d.ts:
--------------------------------------------------------------------------------
1 | import { OutputAsset, OutputChunk, RenderedModule, Plugin } from 'rollup';
2 |
3 | import Logger from '../src/logger';
4 |
5 | export type CustomHandle = (chartData: MixCharData, html: string, advise: Advise) => void;
6 |
7 | export interface PluginOptions {
8 | // 需要排除的文件
9 | excludeAssets?: string[];
10 | // 日志函数
11 | logger?: typeof Logger;
12 | // 生成文件所在目录
13 | bundleDir?: string;
14 | // host默认127.0.0.1
15 | host?: string;
16 | // 端口 默认9800
17 | port?: number;
18 | // server模式下是否自动打开浏览器,默认是true
19 | openBrowser?: boolean;
20 | // 三种模式，生成JSON， 打开浏览器，生成静态的html文件
21 | analyzerMode?: 'server' | 'json' | 'static' | 'custom';
22 | // 生成的静态html文件名称
23 | reportFilename?: string;
24 | // 生成的包体积json文件的名字
25 | statsFilename?: string;
26 | logLevel?: 'info';
27 | // 生成包体积之后的回调函数,server模式不提供
28 | customHandle?: CustomHandle;
29 | }
30 |
31 | export type Module = OutputAsset | OutputChunk | RenderedModule;
32 |
33 | export type TransformedModule = Omit & {
34 | modules: Array;
35 | tree?: any;
36 | name: string;
37 | size?: number;
38 | gzipSize?: number;
39 | parsedSize?: number;
40 | _code: string;
41 | originCode?: string;
42 | };
43 |
44 | export type Level = 'debug' | 'info' | 'warn' | 'error' | 'silent';
45 |
46 | export interface ModuleItem {
47 | isAsset: boolean;
48 | label: string;
49 | // path?: string;
50 | statSize: number;
51 | gzipSize?: number;
52 | parsedSize?: number;
53 | groups?: ModuleItem[];
54 | }
55 |
56 | export type CharData = Array;
57 |
58 | export interface MixCharData {
59 | lib: CharData;
60 | default: CharData;
61 | }
62 |
63 | export interface NoTreeSharking {
64 | size: number;
65 | }
66 |
67 | export interface Polyfill {
68 | // 体积
69 | size: number;
70 | // 后面补充网址介绍？或者
71 | url?: string;
72 | }
73 |
74 | export interface Rewrite {
75 | size: number;
76 | desc: string;
77 | }
78 |
79 | export interface ReplaceModule {
80 | target: string;
81 | }
82 |
83 | export interface NormalModule {}
84 |
85 | export interface Advise {
86 | treeSharking: Record;
87 | replace: Record;
88 | commonjs: Record;
89 | polyfill: Record;
90 | rewrite: Record;
91 | }
92 |
93 | export default function bundleAnalyzer(opt: PluginOptions): Plugin;
94 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | const compact = require('lodash/compact');
2 | const webpack = require('webpack');
3 | const TerserPlugin = require('terser-webpack-plugin');
4 | // const BundleAnalyzePlugin = require('./lib/BundleAnalyzerPlugin');
5 |
6 | module.exports = (opts) => {
7 | opts = Object.assign(
8 | {
9 | env: 'dev',
10 | analyze: false
11 | },
12 | opts
13 | );
14 |
15 | const isDev = opts.env === 'dev';
16 |
17 | return {
18 | mode: isDev ? 'development' : 'production',
19 | context: __dirname,
20 | entry: './client/viewer',
21 | output: {
22 | path: `${__dirname}/public`,
23 | filename: 'viewer.js',
24 | publicPath: '/'
25 | },
26 |
27 | resolve: {
28 | extensions: ['.js', '.jsx'],
29 | alias: {
30 | react: 'preact/compat',
31 | 'react-dom/test-utils': 'preact/test-utils',
32 | 'react-dom': 'preact/compat',
33 | mobx: require.resolve('mobx/lib/mobx.es6.js')
34 | }
35 | },
36 |
37 | devtool: isDev ? 'eval' : 'source-map',
38 | watch: isDev,
39 |
40 | performance: {
41 | hints: false
42 | },
43 | optimization: {
44 | minimize: !isDev,
45 | minimizer: [
46 | new TerserPlugin({
47 | parallel: true,
48 | terserOptions: {
49 | output: {
50 | comments: /copyright/iu
51 | },
52 | safari10: true
53 | }
54 | })
55 | ]
56 | },
57 |
58 | module: {
59 | rules: [
60 | {
61 | test: /\.jsx?$/u,
62 | exclude: /node_modules/u,
63 | loader: 'babel-loader',
64 | options: {
65 | babelrc: false,
66 | presets: [
67 | [
68 | '@babel/preset-env',
69 | {
70 | // Target browsers are specified in .browserslistrc
71 |
72 | modules: false,
73 | useBuiltIns: 'usage',
74 | corejs: require('./package.json').devDependencies['core-js'],
75 | debug: true
76 | }
77 | ],
78 | [
79 | '@babel/preset-react',
80 | {
81 | runtime: 'automatic',
82 | importSource: 'preact'
83 | }
84 | ]
85 | ],
86 | plugins: [
87 | 'lodash',
88 | ['@babel/plugin-proposal-decorators', { legacy: true }],
89 | ['@babel/plugin-proposal-class-properties', { loose: true }],
90 | ['@babel/plugin-proposal-private-methods', { loose: true }],
91 | [
92 | '@babel/plugin-transform-runtime',
93 | {
94 | useESModules: true
95 | }
96 | ]
97 | ]
98 | }
99 | },
100 | {
101 | test: /\.css$/u,
102 | use: [
103 | 'style-loader',
104 | {
105 | loader: 'css-loader',
106 | options: {
107 | modules: {
108 | localIdentName: '[name]__[local]'
109 | },
110 | importLoaders: 1
111 | }
112 | },
113 | {
114 | loader: 'postcss-loader',
115 | options: {
116 | postcssOptions: {
117 | plugins: compact([
118 | require('postcss-icss-values'),
119 | require('autoprefixer'),
120 | !isDev && require('cssnano')()
121 | ])
122 | }
123 | }
124 | }
125 | ]
126 | },
127 | {
128 | test: /\.(png|jpg|gif|svg|eot|ttf|woff|woff2)$/u,
129 | loader: 'url-loader'
130 | }
131 | ]
132 | },
133 |
134 | plugins: ((plugins) => {
135 | if (!isDev) {
136 | plugins.push(
137 | new webpack.DefinePlugin({
138 | process: JSON.stringify({
139 | env: {
140 | NODE_ENV: 'production'
141 | }
142 | }),
143 | // Fixes "ModuleConcatenation bailout" for some modules (e.g. Preact and MobX)
144 | global: 'undefined'
145 | })
146 | );
147 | }
148 |
149 | return plugins;
150 | })([])
151 | };
152 | };
153 |
--------------------------------------------------------------------------------
5 |
6 |