Open evanzummeren opened 8 years ago
Ah, wat hij doet is: wanneer je webpack draait kan je ook een json output genereren. Met andere woorden volgens mij checkt tie zowel niet de vendor.bundle.js als de bundle.js
Schoon hem maar op zou ik zeggen; lodash ramda gebruiken we geen van tweeen; het zijn beiden utility libraries, de laatste in functionele stijl. Chceck of het errored en mik het er anders uit.
Done. Hij werkt nog.
Ik had er een uglifyer in gemikt, de bundle ging ineens van 21,2 naar een whopping 2,1... Draaien van webpack gaf geen error, maar vervolgens kijk ik op localhost. Een wit canvas. Geen error in de console, de dom is geladen. Argh
Maar goed, we kunnen hem met een beetje uglifyen dus flink verkleinen :)
Wel begrijpbaar ergens. Er zitten natuurlijk variabele namen van hier to Tokio in. Factor 10. Haal je al als je alle variabelen van 10 naar 1 teken haalt.
Op 23 nov. 2015, om 19:44 heeft Erik van Zummeren notifications@github.com het volgende geschreven:
Done. Hij werkt nog.
Ik had er een uglifyer in gemikt, de bundle ging ineens van 21,2 naar een whopping 2,1... Draaien van webpack gaf geen error, maar vervolgens kijk ik op localhost. Een wit canvas. Geen error in de console, de dom is geladen. Argh
Maar goed, we kunnen hem met een beetje uglifyen dus flink verkleinen :)
— Reply to this email directly or view it on GitHub https://github.com/HDAT/HDAT/issues/28#issuecomment-159024519.
Oke, niets gezegd. Dat had dus een andere oorzaak. (Ik had niet door dat de CommonsChunckPlugin vrij belangrijk was :). Tis gelukt. 2,1 mb, de vendor blijft flink. Ga hem nu pushen!
react: 625.23 kB (9.61%)
fbjs: 34.28 kB (5.48%)
<self>: 34.28 kB (100%)
<self>: 590.95 kB (94.5%)
leaflet: 225.26 kB (3.46%)
<self>: 225.26 kB (100%)
react-leaflet: 169.58 kB (2.61%)
lodash: 73.98 kB (43.6%)
<self>: 73.98 kB (100%)
<self>: 95.59 kB (56.4%)
webpack-dev-server: 163.01 kB (2.50%)
sockjs-client: 160.3 kB (98.3%)
json3: 42.28 kB (26.4%)
<self>: 42.28 kB (100%)
debug: 9.95 kB (6.21%)
ms: 2.28 kB (22.9%)
<self>: 2.28 kB (100%)
<self>: 7.67 kB (77.1%)
url-parse: 9.76 kB (6.09%)
querystringify: 1.27 kB (13.0%)
<self>: 1.27 kB (100%)
requires-port: 753 B (7.53%)
<self>: 753 B (100%)
<self>: 7.76 kB (79.5%)
inherits: 672 B (0.409%)
<self>: 672 B (100%)
<self>: 97.65 kB (60.9%)
strip-ansi: 296 B (0.177%)
ansi-regex: 135 B (45.6%)
<self>: 135 B (100%)
<self>: 161 B (54.4%)
<self>: 2.42 kB (1.48%)
babel-polyfill: 139.71 kB (2.15%)
core-js: 118.55 kB (84.9%)
<self>: 118.55 kB (100%)
<self>: 209 B (0.146%)
react-router: 79.68 kB (1.22%)
warning: 1.76 kB (2.21%)
<self>: 1.76 kB (100%)
invariant: 1.48 kB (1.86%)
<self>: 1.48 kB (100%)
<self>: 76.44 kB (95.9%)
history: 60.52 kB (0.930%)
qs: 12.58 kB (20.8%)
<self>: 12.58 kB (100%)
deep-equal: 3.8 kB (6.28%)
<self>: 3.8 kB (100%)
warning: 1.76 kB (2.92%)
<self>: 1.76 kB (100%)
invariant: 1.48 kB (2.45%)
<self>: 1.48 kB (100%)
<self>: 40.9 kB (67.6%)
webpack: 45.83 kB (0.704%)
node-libs-browser: 42.56 kB (92.9%)
url: 26.24 kB (61.7%)
querystring: 4.51 kB (17.2%)
<self>: 4.51 kB (100%)
<self>: 21.74 kB (82.8%)
punycode: 14.31 kB (33.6%)
<self>: 14.31 kB (100%)
<self>: 0 B (0.00%)
<self>: 3.28 kB (7.15%)
react-hot-loader: 13 kB (0.200%)
react-hot-api: 8.92 kB (68.6%)
<self>: 8.92 kB (100%)
<self>: 4.08 kB (31.4%)
style-loader: 7.04 kB (0.108%)
<self>: 7.04 kB (100%)
css-loader: 1.47 kB (0.0226%)
<self>: 1.47 kB (100%)
bootstrap-sass: 413 B (0.00620%)
<self>: 413 B (100%)
react-dom: 63 B (0.000945%)
<self>: 63 B (100%)
<self>: 4.86 MB (76.5%)
dit is de vendor bundle
Nee. Die onderste self zou naar de eigen bundle meoten verwijzen.
Ik heb geen idee waar dit nu precies de analyse van is. De vendor bundle of de bundle.js Vreemde is dat dit ding slechts rond de 7 a 8 mb is, terwijl de vendor kleiner is dan dat (4,1) en de bundle vele malen groter is (21,2).
Gebruiken wij overigens lodash (soort van underscore?) en ramda?