updated graphs to new webpack-graph version

This commit is contained in:
Tobias Koppers 2012-10-10 17:29:53 +02:00
parent d51f6581dc
commit 0cf8a98be6
13 changed files with 80 additions and 90 deletions

View File

@ -25,7 +25,7 @@ for(var i = cmds.length-1; i >= 0; i--) {
console.log(cmd);
cp.exec(cmd, function(error, stdout, stderr) {
if(error) console.error(error);
else if(stderr) console.error(stderr);
else if(stderr) console.error(stderr), next();
else next();
});
}

View File

@ -1,23 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="284.9004468540512" height="300"><line class="" x1="15.20455989995011" y1="39.665301097634206" x2="85.57188674632589" y2="65.16283752385583" style="stroke-width:1"/><line class="" x1="136.98039896581787" y1="15.20455989995011" x2="85.57188674632589" y2="65.16283752385583" style="stroke-width:1"/><line class="async " x1="133.3754940115522" y1="170.06946213803403" x2="85.57188674632589" y2="65.16283752385583" style="stroke-width:1"/><line class="" x1="22.222869848483164" y1="230.74454854278667" x2="133.3754940115522" y2="170.06946213803403" style="stroke-width:0.5"/><line class="" x1="154.7520197891042" y1="284.7954401000499" x2="133.3754940115522" y2="170.06946213803403" style="stroke-width:0.5"/><line class="" x1="269.6958869541011" y1="198.07433937915857" x2="133.3754940115522" y2="170.06946213803403" style="stroke-width:0.5"/><line class="req" id="module0link0" x1="85.57188674632589" y1="65.16283752385583" x2="15.20455989995011" y2="39.665301097634206"/><line class="req" id="module0link1" x1="85.57188674632589" y1="65.16283752385583" x2="136.98039896581787" y2="15.20455989995011"/><line class="async req" id="module0link2" x1="85.57188674632589" y1="65.16283752385583" x2="133.3754940115522" y2="170.06946213803403"/><line class="dep" id="module1link0" x1="15.20455989995011" y1="39.665301097634206" x2="85.57188674632589" y2="65.16283752385583"/><line class="dep" id="module2link0" x1="136.98039896581787" y1="15.20455989995011" x2="85.57188674632589" y2="65.16283752385583"/><line class="async dep" id="module3link0" x1="133.3754940115522" y1="170.06946213803403" x2="85.57188674632589" y2="65.16283752385583"/><line class="req" id="module3link1" x1="133.3754940115522" y1="170.06946213803403" x2="22.222869848483164" y2="230.74454854278667"/><line class="req" id="module3link2" x1="133.3754940115522" y1="170.06946213803403" x2="154.7520197891042" y2="284.7954401000499"/><line class="req" id="module3link3" x1="133.3754940115522" y1="170.06946213803403" x2="269.6958869541011" y2="198.07433937915857"/><line class="dep" id="module4link0" x1="22.222869848483164" y1="230.74454854278667" x2="133.3754940115522" y2="170.06946213803403"/><line class="dep" id="module5link0" x1="154.7520197891042" y1="284.7954401000499" x2="133.3754940115522" y2="170.06946213803403"/><line class="dep" id="module6link0" x1="269.6958869541011" y1="198.07433937915857" x2="133.3754940115522" y2="170.06946213803403"/><circle id="module0" cx="85.57188674632589" cy="65.16283752385583" r="3.8011399749875276" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(0,3)" onmouseout="c()"><title>.\example.js
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" id="wpgraph" version="1.1" baseProfile="full" width="188.0818459259489" height="300"><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 2}circle.main { stroke:#F00; stroke-width: 3}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; stroke-linecap: round}.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 2; }</style><line class="" id="module1line0" x1="85.2341807521296" y1="92.0035537465418" x2="33.50798770570482" y2="24.654673106585506" style="stroke-width:1.3611111111111114"/><line class="" id="module2line0" x1="85.2341807521296" y1="92.0035537465418" x2="130.07267485518918" y2="20" style="stroke-width:1.3611111111111114"/><line class="async " id="module3line0" x1="85.2341807521296" y1="92.0035537465418" x2="90.70899782504604" y2="190.6035955453659" style="stroke-width:3.0625"/><line class="" id="module4line0" x1="90.70899782504604" y1="190.6035955453659" x2="20" y2="244.81806631178847" style="stroke-width:1.2099999999999997"/><line class="" id="module5line0" x1="90.70899782504604" y1="190.6035955453659" x2="96.88290538231622" y2="280" style="stroke-width:1.2099999999999997"/><line class="" id="module6line0" x1="90.70899782504604" y1="190.6035955453659" x2="168.0818459259489" y2="234.4998414106972" style="stroke-width:1.2099999999999997"/><line class="req" id="module0link0" x1="85.2341807521296" y1="92.0035537465418" x2="33.50798770570482" y2="24.654673106585506"/><line class="req" id="module0link1" x1="85.2341807521296" y1="92.0035537465418" x2="130.07267485518918" y2="20"/><line class="async req" id="module0link2" x1="85.2341807521296" y1="92.0035537465418" x2="90.70899782504604" y2="190.6035955453659"/><line class="dep" id="module1link0" x1="85.2341807521296" y1="92.0035537465418" x2="33.50798770570482" y2="24.654673106585506"/><line class="dep" id="module2link0" x1="85.2341807521296" y1="92.0035537465418" x2="130.07267485518918" y2="20"/><line class="async dep" id="module3link0" x1="85.2341807521296" y1="92.0035537465418" x2="90.70899782504604" y2="190.6035955453659"/><line class="req" id="module3link1" x1="90.70899782504604" y1="190.6035955453659" x2="20" y2="244.81806631178847"/><line class="req" id="module3link2" x1="90.70899782504604" y1="190.6035955453659" x2="96.88290538231622" y2="280"/><line class="req" id="module3link3" x1="90.70899782504604" y1="190.6035955453659" x2="168.0818459259489" y2="234.4998414106972"/><line class="dep" id="module4link0" x1="90.70899782504604" y1="190.6035955453659" x2="20" y2="244.81806631178847"/><line class="dep" id="module5link0" x1="90.70899782504604" y1="190.6035955453659" x2="96.88290538231622" y2="280"/><line class="dep" id="module6link0" x1="90.70899782504604" y1="190.6035955453659" x2="168.0818459259489" y2="234.4998414106972"/><circle id="module0" class="main" cx="85.2341807521296" cy="92.0035537465418" r="5" fill="rgb(240,240,0)" onmouseover="a(0,3)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" cx="15.20455989995011" cy="39.665301097634206" r="3.8011399749875276" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(1,1)" onmouseout="c()"><title>(webpack)\buildin\__webpack_console.js
output.js</title></circle><circle id="module1" class="" cx="33.50798770570482" cy="24.654673106585506" r="5.690042926316208" fill="rgb(240,240,0)" onmouseover="a(1,1)" onmouseout="c()"><title>(webpack)\buildin\__webpack_console.js
Chunks:
output.js</title></circle><circle id="module2" cx="136.98039896581787" cy="15.20455989995011" r="3.8011399749875276" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(2,1)" onmouseout="c()"><title>(webpack)\buildin\__webpack_amd_require.js
output.js</title></circle><circle id="module2" class="" cx="130.07267485518918" cy="20" r="5.236383074731263" fill="rgb(240,240,0)" onmouseover="a(2,1)" onmouseout="c()"><title>(webpack)\buildin\__webpack_amd_require.js
Chunks:
output.js</title></circle><circle id="module3" cx="133.3754940115522" cy="170.06946213803403" r="3.8011399749875276" fill="rgb(240,160,80)" stroke-width="1" onmouseover="a(3,4)" onmouseout="c()"><title>(webpack)\examples\require.context\templates
output.js</title></circle><circle id="module3" class="" cx="90.70899782504604" cy="190.6035955453659" r="5" fill="rgb(240,160,80)" onmouseover="a(3,4)" onmouseout="c()"><title>(webpack)\examples\require.context\templates
Chunks:
1.output.js</title></circle><circle id="module4" cx="22.222869848483164" cy="230.74454854278667" r="3.8011399749875276" fill="rgb(240,160,80)" stroke-width="1" onmouseover="a(4,1)" onmouseout="c()"><title>(webpack)\examples\require.context\templates\a.js
1.output.js</title></circle><circle id="module4" class="" cx="20" cy="244.81806631178847" r="5" fill="rgb(240,160,80)" onmouseover="a(4,1)" onmouseout="c()"><title>(webpack)\examples\require.context\templates\a.js
Chunks:
1.output.js</title></circle><circle id="module5" cx="154.7520197891042" cy="284.7954401000499" r="3.8011399749875276" fill="rgb(240,160,80)" stroke-width="1" onmouseover="a(5,1)" onmouseout="c()"><title>(webpack)\examples\require.context\templates\b.js
1.output.js</title></circle><circle id="module5" class="" cx="96.88290538231622" cy="280" r="5" fill="rgb(240,160,80)" onmouseover="a(5,1)" onmouseout="c()"><title>(webpack)\examples\require.context\templates\b.js
Chunks:
1.output.js</title></circle><circle id="module6" cx="269.6958869541011" cy="198.07433937915857" r="3.8011399749875276" fill="rgb(240,160,80)" stroke-width="1" onmouseover="a(6,1)" onmouseout="c()"><title>(webpack)\examples\require.context\templates\c.js
1.output.js</title></circle><circle id="module6" class="" cx="168.0818459259489" cy="234.4998414106972" r="5" fill="rgb(240,160,80)" onmouseover="a(6,1)" onmouseout="c()"><title>(webpack)\examples\require.context\templates\c.js
Chunks:
1.output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {document.getElementById(&quot;module&quot; + node).setAttribute(&quot;class&quot;,&quot;hover&quot;);for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 1}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; }.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 1; }</style></svg>
1.output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {addHover(document.getElementById(&quot;module&quot; + node));for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script></svg>

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

View File

@ -1,20 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="300.40493299405244" height="300"><line class="" x1="19.110117460583794" y1="16.795058130215985" x2="84.93116438081327" y2="54.83088208259702" style="stroke-width:1"/><line class="async " x1="140.3591336901791" y1="158.293597970001" x2="84.93116438081327" y2="54.83088208259702" style="stroke-width:1"/><line class="" x1="16.795058130215985" y1="227.00232866102047" x2="140.3591336901791" y2="158.293597970001" style="stroke-width:0.5"/><line class="" x1="162.90845876982442" y1="283.204941869784" x2="140.3591336901791" y2="158.293597970001" style="stroke-width:0.5"/><line class="" x1="283.60987486383647" y1="174.56635338838305" x2="140.3591336901791" y2="158.293597970001" style="stroke-width:0.5"/><line class="req" id="module0link0" x1="84.93116438081327" y1="54.83088208259702" x2="19.110117460583794" y2="16.795058130215985"/><line class="async req" id="module0link1" x1="84.93116438081327" y1="54.83088208259702" x2="140.3591336901791" y2="158.293597970001"/><line class="dep" id="module1link0" x1="19.110117460583794" y1="16.795058130215985" x2="84.93116438081327" y2="54.83088208259702"/><line class="async dep" id="module2link0" x1="140.3591336901791" y1="158.293597970001" x2="84.93116438081327" y2="54.83088208259702"/><line class="req" id="module2link1" x1="140.3591336901791" y1="158.293597970001" x2="16.795058130215985" y2="227.00232866102047"/><line class="req" id="module2link2" x1="140.3591336901791" y1="158.293597970001" x2="162.90845876982442" y2="283.204941869784"/><line class="req" id="module2link3" x1="140.3591336901791" y1="158.293597970001" x2="283.60987486383647" y2="174.56635338838305"/><line class="dep" id="module3link0" x1="16.795058130215985" y1="227.00232866102047" x2="140.3591336901791" y2="158.293597970001"/><line class="dep" id="module4link0" x1="162.90845876982442" y1="283.204941869784" x2="140.3591336901791" y2="158.293597970001"/><line class="dep" id="module5link0" x1="283.60987486383647" y1="174.56635338838305" x2="140.3591336901791" y2="158.293597970001"/><circle id="module0" cx="84.93116438081327" cy="54.83088208259702" r="4.198764532553996" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(0,2)" onmouseout="c()"><title>.\example.js
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" id="wpgraph" version="1.1" baseProfile="full" width="184.67239295817026" height="300"><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 2}circle.main { stroke:#F00; stroke-width: 3}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; stroke-linecap: round}.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 2; }</style><line class="" id="module1line0" x1="67.41094434941509" y1="102.36733458739133" x2="59.957882803627385" y2="20" style="stroke-width:1.3611111111111114"/><line class="async " id="module2line0" x1="67.41094434941509" y1="102.36733458739133" x2="83.91081968899924" y2="194.9467730343654" style="stroke-width:3.0625"/><line class="" id="module3line0" x1="83.91081968899924" y1="194.9467730343654" x2="20" y2="252.20848355347624" style="stroke-width:1.2099999999999997"/><line class="" id="module4line0" x1="83.91081968899924" y1="194.9467730343654" x2="104.23530195093166" y2="280" style="stroke-width:1.2099999999999997"/><line class="" id="module5line0" x1="83.91081968899924" y1="194.9467730343654" x2="164.67239295817026" y2="223.1823061040775" style="stroke-width:1.2099999999999997"/><line class="req" id="module0link0" x1="67.41094434941509" y1="102.36733458739133" x2="59.957882803627385" y2="20"/><line class="async req" id="module0link1" x1="67.41094434941509" y1="102.36733458739133" x2="83.91081968899924" y2="194.9467730343654"/><line class="dep" id="module1link0" x1="67.41094434941509" y1="102.36733458739133" x2="59.957882803627385" y2="20"/><line class="async dep" id="module2link0" x1="67.41094434941509" y1="102.36733458739133" x2="83.91081968899924" y2="194.9467730343654"/><line class="req" id="module2link1" x1="83.91081968899924" y1="194.9467730343654" x2="20" y2="252.20848355347624"/><line class="req" id="module2link2" x1="83.91081968899924" y1="194.9467730343654" x2="104.23530195093166" y2="280"/><line class="req" id="module2link3" x1="83.91081968899924" y1="194.9467730343654" x2="164.67239295817026" y2="223.1823061040775"/><line class="dep" id="module3link0" x1="83.91081968899924" y1="194.9467730343654" x2="20" y2="252.20848355347624"/><line class="dep" id="module4link0" x1="83.91081968899924" y1="194.9467730343654" x2="104.23530195093166" y2="280"/><line class="dep" id="module5link0" x1="83.91081968899924" y1="194.9467730343654" x2="164.67239295817026" y2="223.1823061040775"/><circle id="module0" class="main" cx="67.41094434941509" cy="102.36733458739133" r="5" fill="rgb(240,240,0)" onmouseover="a(0,2)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" cx="19.110117460583794" cy="16.795058130215985" r="4.198764532553996" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(1,1)" onmouseout="c()"><title>(webpack)\buildin\__webpack_console.js
output.js</title></circle><circle id="module1" class="" cx="59.957882803627385" cy="20" r="5.622433773233812" fill="rgb(240,240,0)" onmouseover="a(1,1)" onmouseout="c()"><title>(webpack)\buildin\__webpack_console.js
Chunks:
output.js</title></circle><circle id="module2" cx="140.3591336901791" cy="158.293597970001" r="4.198764532553996" fill="rgb(240,160,80)" stroke-width="1" onmouseover="a(2,4)" onmouseout="c()"><title>(webpack)\examples\require.context\templates
output.js</title></circle><circle id="module2" class="" cx="83.91081968899924" cy="194.9467730343654" r="5" fill="rgb(240,160,80)" onmouseover="a(2,4)" onmouseout="c()"><title>(webpack)\examples\require.context\templates
Chunks:
1.output.js</title></circle><circle id="module3" cx="16.795058130215985" cy="227.00232866102047" r="4.198764532553996" fill="rgb(240,160,80)" stroke-width="1" onmouseover="a(3,1)" onmouseout="c()"><title>(webpack)\examples\require.context\templates\a.js
1.output.js</title></circle><circle id="module3" class="" cx="20" cy="252.20848355347624" r="5" fill="rgb(240,160,80)" onmouseover="a(3,1)" onmouseout="c()"><title>(webpack)\examples\require.context\templates\a.js
Chunks:
1.output.js</title></circle><circle id="module4" cx="162.90845876982442" cy="283.204941869784" r="4.198764532553996" fill="rgb(240,160,80)" stroke-width="1" onmouseover="a(4,1)" onmouseout="c()"><title>(webpack)\examples\require.context\templates\b.js
1.output.js</title></circle><circle id="module4" class="" cx="104.23530195093166" cy="280" r="5" fill="rgb(240,160,80)" onmouseover="a(4,1)" onmouseout="c()"><title>(webpack)\examples\require.context\templates\b.js
Chunks:
1.output.js</title></circle><circle id="module5" cx="283.60987486383647" cy="174.56635338838305" r="4.198764532553996" fill="rgb(240,160,80)" stroke-width="1" onmouseover="a(5,1)" onmouseout="c()"><title>(webpack)\examples\require.context\templates\c.js
1.output.js</title></circle><circle id="module5" class="" cx="164.67239295817026" cy="223.1823061040775" r="5" fill="rgb(240,160,80)" onmouseover="a(5,1)" onmouseout="c()"><title>(webpack)\examples\require.context\templates\c.js
Chunks:
1.output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {document.getElementById(&quot;module&quot; + node).setAttribute(&quot;class&quot;,&quot;hover&quot;);for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 1}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; }.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 1; }</style></svg>
1.output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {addHover(document.getElementById(&quot;module&quot; + node));for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script></svg>

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

View File

@ -1,16 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="245.53119536129023" height="300"><line class="" x1="23.61804068585556" y1="30.968777255326298" x2="129.7694648646668" y2="23.61804068585556" style="stroke-width:1"/><line class="" x1="221.91315467543467" y1="78.03973656497202" x2="129.7694648646668" y2="23.61804068585556" style="stroke-width:1"/><line class="async " x1="144.86023884610043" y1="276.38195931414447" x2="221.91315467543467" y2="78.03973656497202" style="stroke-width:0.5"/><line class="req" id="module0link0" x1="129.7694648646668" y1="23.61804068585556" x2="23.61804068585556" y2="30.968777255326298"/><line class="req" id="module0link1" x1="129.7694648646668" y1="23.61804068585556" x2="221.91315467543467" y2="78.03973656497202"/><line class="dep" id="module1link0" x1="23.61804068585556" y1="30.968777255326298" x2="129.7694648646668" y2="23.61804068585556"/><line class="dep" id="module2link0" x1="221.91315467543467" y1="78.03973656497202" x2="129.7694648646668" y2="23.61804068585556"/><line class="async req" id="module2link1" x1="221.91315467543467" y1="78.03973656497202" x2="144.86023884610043" y2="276.38195931414447"/><line class="async dep" id="module3link0" x1="144.86023884610043" y1="276.38195931414447" x2="221.91315467543467" y2="78.03973656497202"/><circle id="module0" cx="129.7694648646668" cy="23.61804068585556" r="5.90451017146389" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(0,2)" onmouseout="c()"><title>.\example.js
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" id="wpgraph" version="1.1" baseProfile="full" width="112.5736285578891" height="300"><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 2}circle.main { stroke:#F00; stroke-width: 3}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; stroke-linecap: round}.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 2; }</style><line class="" id="module1line0" x1="20" y1="95.99198184505283" x2="46.866295010084215" y2="20" style="stroke-width:1.3611111111111114"/><line class="" id="module2line0" x1="20" y1="95.99198184505283" x2="35.25217110502327" y2="168.80512600230423" style="stroke-width:1.80950376732586"/><line class="async " id="module3line0" x1="35.25217110502327" y1="168.80512600230423" x2="92.5736285578891" y2="280" style="stroke-width:1.1141975308641976"/><line class="req" id="module0link0" x1="20" y1="95.99198184505283" x2="46.866295010084215" y2="20"/><line class="req" id="module0link1" x1="20" y1="95.99198184505283" x2="35.25217110502327" y2="168.80512600230423"/><line class="dep" id="module1link0" x1="20" y1="95.99198184505283" x2="46.866295010084215" y2="20"/><line class="dep" id="module2link0" x1="20" y1="95.99198184505283" x2="35.25217110502327" y2="168.80512600230423"/><line class="async req" id="module2link1" x1="35.25217110502327" y1="168.80512600230423" x2="92.5736285578891" y2="280"/><line class="async dep" id="module3link0" x1="35.25217110502327" y1="168.80512600230423" x2="92.5736285578891" y2="280"/><circle id="module0" class="main" cx="20" cy="95.99198184505283" r="5" fill="rgb(240,240,0)" onmouseover="a(0,2)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" cx="23.61804068585556" cy="30.968777255326298" r="5.90451017146389" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(1,1)" onmouseout="c()"><title>(webpack)\buildin\__webpack_console.js
output.js</title></circle><circle id="module1" class="" cx="46.866295010084215" cy="20" r="6.051033481481226" fill="rgb(240,240,0)" onmouseover="a(1,1)" onmouseout="c()"><title>(webpack)\buildin\__webpack_console.js
Chunks:
output.js</title></circle><circle id="module2" cx="221.91315467543467" cy="78.03973656497202" r="5.90451017146389" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(2,2)" onmouseout="c()"><title>(webpack)\~\bundle-loader
output.js</title></circle><circle id="module2" class="" cx="35.25217110502327" cy="168.80512600230423" r="5" fill="rgb(240,240,0)" onmouseover="a(2,2)" onmouseout="c()"><title>(webpack)\~\bundle-loader
.\file.js
Chunks:
output.js</title></circle><circle id="module3" cx="144.86023884610043" cy="276.38195931414447" r="5.90451017146389" fill="rgb(240,160,80)" stroke-width="1" onmouseover="a(3,1)" onmouseout="c()"><title>.\file.js
output.js</title></circle><circle id="module3" class="" cx="92.5736285578891" cy="280" r="5" fill="rgb(240,160,80)" onmouseover="a(3,1)" onmouseout="c()"><title>.\file.js
Chunks:
1.output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {document.getElementById(&quot;module&quot; + node).setAttribute(&quot;class&quot;,&quot;hover&quot;);for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 1}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; }.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 1; }</style></svg>
1.output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {addHover(document.getElementById(&quot;module&quot; + node));for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script></svg>

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

@ -1,17 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="359.6963279625197" height="300"><line class="" x1="29.724658129224352" y1="60.76512294449978" x2="155.71087227885246" y2="142.17706484388987" style="stroke-width:1"/><line class="" x1="80.81219925308272" y1="264.1626366670309" x2="155.71087227885246" y2="142.17706484388987" style="stroke-width:1"/><line class="async " x1="313.1467146941385" y1="270.27534187077566" x2="155.71087227885246" y2="142.17706484388987" style="stroke-width:1"/><line class="async " x1="329.9716698332954" y1="29.724658129224352" x2="155.71087227885246" y2="142.17706484388987" style="stroke-width:1"/><line class="req" id="module0link0" x1="155.71087227885246" y1="142.17706484388987" x2="29.724658129224352" y2="60.76512294449978"/><line class="req" id="module0link1" x1="155.71087227885246" y1="142.17706484388987" x2="80.81219925308272" y2="264.1626366670309"/><line class="async req" id="module0link2" x1="155.71087227885246" y1="142.17706484388987" x2="313.1467146941385" y2="270.27534187077566"/><line class="async req" id="module0link3" x1="155.71087227885246" y1="142.17706484388987" x2="329.9716698332954" y2="29.724658129224352"/><line class="dep" id="module1link0" x1="29.724658129224352" y1="60.76512294449978" x2="155.71087227885246" y2="142.17706484388987"/><line class="dep" id="module2link0" x1="80.81219925308272" y1="264.1626366670309" x2="155.71087227885246" y2="142.17706484388987"/><line class="async dep" id="module3link0" x1="313.1467146941385" y1="270.27534187077566" x2="155.71087227885246" y2="142.17706484388987"/><line class="async dep" id="module4link0" x1="329.9716698332954" y1="29.724658129224352" x2="155.71087227885246" y2="142.17706484388987"/><circle id="module0" cx="155.71087227885246" cy="142.17706484388987" r="7.431164532306088" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(0,4)" onmouseout="c()"><title>.\example.js
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" id="wpgraph" version="1.1" baseProfile="full" width="411.2982428592061" height="300"><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 2}circle.main { stroke:#F00; stroke-width: 3}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; stroke-linecap: round}.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 2; }</style><line class="" id="module1line0" x1="176.8680593332725" y1="159.30345586058107" x2="20" y2="105.67306000362511" style="stroke-width:1.3611111111111114"/><line class="" id="module2line0" x1="176.8680593332725" y1="159.30345586058107" x2="65.82547838111726" y2="280" style="stroke-width:1.3611111111111114"/><line class="async " id="module3line0" x1="176.8680593332725" y1="159.30345586058107" x2="355.81210885867534" y2="20" style="stroke-width:1.3611111111111114"/><line class="async " id="module4line0" x1="176.8680593332725" y1="159.30345586058107" x2="391.2982428592061" y2="231.0380031967674" style="stroke-width:1.3611111111111114"/><line class="req" id="module0link0" x1="176.8680593332725" y1="159.30345586058107" x2="20" y2="105.67306000362511"/><line class="req" id="module0link1" x1="176.8680593332725" y1="159.30345586058107" x2="65.82547838111726" y2="280"/><line class="async req" id="module0link2" x1="176.8680593332725" y1="159.30345586058107" x2="355.81210885867534" y2="20"/><line class="async req" id="module0link3" x1="176.8680593332725" y1="159.30345586058107" x2="391.2982428592061" y2="231.0380031967674"/><line class="dep" id="module1link0" x1="176.8680593332725" y1="159.30345586058107" x2="20" y2="105.67306000362511"/><line class="dep" id="module2link0" x1="176.8680593332725" y1="159.30345586058107" x2="65.82547838111726" y2="280"/><line class="async dep" id="module3link0" x1="176.8680593332725" y1="159.30345586058107" x2="355.81210885867534" y2="20"/><line class="async dep" id="module4link0" x1="176.8680593332725" y1="159.30345586058107" x2="391.2982428592061" y2="231.0380031967674"/><circle id="module0" class="main" cx="176.8680593332725" cy="159.30345586058107" r="6.244512209337103" fill="rgb(240,240,0)" onmouseover="a(0,4)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" cx="29.724658129224352" cy="60.76512294449978" r="7.431164532306088" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(1,1)" onmouseout="c()"><title>.\~\b.js
output.js</title></circle><circle id="module1" class="" cx="20" cy="105.67306000362511" r="5" fill="rgb(240,240,0)" onmouseover="a(1,1)" onmouseout="c()"><title>.\~\b.js
Chunks:
output.js</title></circle><circle id="module2" cx="80.81219925308272" cy="264.1626366670309" r="7.431164532306088" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(2,1)" onmouseout="c()"><title>.\~\a.js
output.js</title></circle><circle id="module2" class="" cx="65.82547838111726" cy="280" r="5" fill="rgb(240,240,0)" onmouseover="a(2,1)" onmouseout="c()"><title>.\~\a.js
Chunks:
output.js</title></circle><circle id="module3" cx="313.1467146941385" cy="270.27534187077566" r="7.431164532306088" fill="rgb(240,160,80)" stroke-width="1" onmouseover="a(3,1)" onmouseout="c()"><title>.\~\c.js
output.js</title></circle><circle id="module3" class="" cx="355.81210885867534" cy="20" r="5" fill="rgb(240,160,80)" onmouseover="a(3,1)" onmouseout="c()"><title>.\~\c.js
Chunks:
1.output.js</title></circle><circle id="module4" cx="329.9716698332954" cy="29.724658129224352" r="7.431164532306088" fill="rgb(240,160,80)" stroke-width="1" onmouseover="a(4,1)" onmouseout="c()"><title>.\~\d.js
1.output.js</title></circle><circle id="module4" class="" cx="391.2982428592061" cy="231.0380031967674" r="5" fill="rgb(240,160,80)" onmouseover="a(4,1)" onmouseout="c()"><title>.\~\d.js
Chunks:
1.output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {document.getElementById(&quot;module&quot; + node).setAttribute(&quot;class&quot;,&quot;hover&quot;);for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 1}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; }.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 1; }</style></svg>
1.output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {addHover(document.getElementById(&quot;module&quot; + node));for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script></svg>

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@ -1,18 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="278.8475987951863" height="300"><line class="" x1="25.846258109367238" y1="123.68313266151779" x2="176.56826310929824" y2="25.846258109367238" style="stroke-width:0.5"/><line class="" x1="25.846258109367238" y1="123.68313266151779" x2="157.3394071615456" y2="274.1537418906328" style="stroke-width:0.3333333333333333"/><line class="" x1="157.3394071615456" y1="274.1537418906328" x2="253.0013406858191" y2="109.41959591799458" style="stroke-width:0.5"/><line class="" x1="253.0013406858191" y1="109.41959591799458" x2="176.56826310929824" y2="25.846258109367238" style="stroke-width:1"/><line class="req" id="module0link0" x1="176.56826310929824" y1="25.846258109367238" x2="25.846258109367238" y2="123.68313266151779"/><line class="req" id="module0link1" x1="176.56826310929824" y1="25.846258109367238" x2="253.0013406858191" y2="109.41959591799458"/><line class="dep" id="module1link0" x1="25.846258109367238" y1="123.68313266151779" x2="176.56826310929824" y2="25.846258109367238"/><line class="dep" id="module1link1" x1="25.846258109367238" y1="123.68313266151779" x2="157.3394071615456" y2="274.1537418906328"/><line class="dep" id="module2link0" x1="157.3394071615456" y1="274.1537418906328" x2="253.0013406858191" y2="109.41959591799458"/><line class="req" id="module2link1" x1="157.3394071615456" y1="274.1537418906328" x2="25.846258109367238" y2="123.68313266151779"/><line class="dep" id="module3link0" x1="253.0013406858191" y1="109.41959591799458" x2="176.56826310929824" y2="25.846258109367238"/><line class="req" id="module3link1" x1="253.0013406858191" y1="109.41959591799458" x2="157.3394071615456" y2="274.1537418906328"/><circle id="module0" cx="176.56826310929824" cy="25.846258109367238" r="6.461564527341809" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(0,2)" onmouseout="c()"><title>.\example.js
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" id="wpgraph" version="1.1" baseProfile="full" width="40" height="300"><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 2}circle.main { stroke:#F00; stroke-width: 3}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; stroke-linecap: round}.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 2; }</style><line class="" id="module1line0" x1="20" y1="280" x2="20" y2="20" style="stroke-width:1.3611111111111114"/><line class="req" id="module0link0" x1="20" y1="280" x2="20" y2="20"/><line class="dep" id="module1link0" x1="20" y1="280" x2="20" y2="20"/><circle id="module0" class="main" cx="20" cy="280" r="5" fill="rgb(240,240,0)" onmouseover="a(0,1)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" cx="25.846258109367238" cy="123.68313266151779" r="6.461564527341809" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(1,2)" onmouseout="c()"><title>(webpack)\buildin\__webpack_console.js
output.js</title></circle><circle id="module1" class="" cx="20" cy="20" r="17.89699611595073" fill="rgb(240,240,0)" onmouseover="a(1,1)" onmouseout="c()"><title>(webpack)\buildin\__webpack_console.js
Chunks:
output.js</title></circle><circle id="module2" cx="157.3394071615456" cy="274.1537418906328" r="6.461564527341809" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(2,2)" onmouseout="c()"><title>(webpack)\~\coffee-loader
.\cup2.coffee
Chunks:
output.js</title></circle><circle id="module3" cx="253.0013406858191" cy="109.41959591799458" r="6.461564527341809" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(3,2)" onmouseout="c()"><title>(webpack)\~\coffee-loader
.\cup1.coffee
Chunks:
output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {document.getElementById(&quot;module&quot; + node).setAttribute(&quot;class&quot;,&quot;hover&quot;);for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 1}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; }.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 1; }</style></svg>
output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {addHover(document.getElementById(&quot;module&quot; + node));for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script></svg>

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -1,11 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="48.124355305192694" height="300"><line class="" x1="24.062177652596347" y1="125.48019455362162" x2="24.062177652596347" y2="24.062177652596347" style="stroke-width:1"/><line class="" x1="24.062177652596347" y1="275.93782234740365" x2="24.062177652596347" y2="125.48019455362162" style="stroke-width:0.5"/><line class="req" id="module0link0" x1="24.062177652596347" y1="24.062177652596347" x2="24.062177652596347" y2="125.48019455362162"/><line class="dep" id="module1link0" x1="24.062177652596347" y1="125.48019455362162" x2="24.062177652596347" y2="24.062177652596347"/><line class="req" id="module1link1" x1="24.062177652596347" y1="125.48019455362162" x2="24.062177652596347" y2="275.93782234740365"/><line class="dep" id="module2link0" x1="24.062177652596347" y1="275.93782234740365" x2="24.062177652596347" y2="125.48019455362162"/><circle id="module0" cx="24.062177652596347" cy="24.062177652596347" r="6.015544413149087" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(0,1)" onmouseout="c()"><title>.\example.js
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" id="wpgraph" version="1.1" baseProfile="full" width="40" height="300"><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 2}circle.main { stroke:#F00; stroke-width: 3}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; stroke-linecap: round}.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 2; }</style><line class="" id="module1line0" x1="20" y1="20" x2="20" y2="140.1407135849381" style="stroke-width:1.80950376732586"/><line class="" id="module2line0" x1="20" y1="140.1407135849381" x2="20" y2="280" style="stroke-width:1.1141975308641976"/><line class="req" id="module0link0" x1="20" y1="20" x2="20" y2="140.1407135849381"/><line class="dep" id="module1link0" x1="20" y1="20" x2="20" y2="140.1407135849381"/><line class="req" id="module1link1" x1="20" y1="140.1407135849381" x2="20" y2="280"/><line class="dep" id="module2link0" x1="20" y1="140.1407135849381" x2="20" y2="280"/><circle id="module0" class="main" cx="20" cy="20" r="5" fill="rgb(240,240,0)" onmouseover="a(0,1)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" cx="24.062177652596347" cy="125.48019455362162" r="6.015544413149087" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(1,2)" onmouseout="c()"><title>.\increment.js
output.js</title></circle><circle id="module1" class="" cx="20" cy="140.1407135849381" r="5" fill="rgb(240,240,0)" onmouseover="a(1,2)" onmouseout="c()"><title>.\increment.js
Chunks:
output.js</title></circle><circle id="module2" cx="24.062177652596347" cy="275.93782234740365" r="6.015544413149087" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(2,1)" onmouseout="c()"><title>.\math.js
output.js</title></circle><circle id="module2" class="" cx="20" cy="280" r="5.70537006030848" fill="rgb(240,240,0)" onmouseover="a(2,1)" onmouseout="c()"><title>.\math.js
Chunks:
output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {document.getElementById(&quot;module&quot; + node).setAttribute(&quot;class&quot;,&quot;hover&quot;);for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 1}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; }.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 1; }</style></svg>
output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {addHover(document.getElementById(&quot;module&quot; + node));for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script></svg>

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -1,18 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="401.4967622263996" height="300"><line class="" x1="35.44047028561271" y1="81.19526283005192" x2="206.73997792007944" y2="101.37098137779809" style="stroke-width:1"/><line class="" x1="230.48006726091452" y1="264.5595297143873" x2="206.73997792007944" y2="101.37098137779809" style="stroke-width:1"/><line class="" x1="366.0562919407869" y1="35.440470285612705" x2="206.73997792007944" y2="101.37098137779809" style="stroke-width:1"/><line class="req" id="module0link0" x1="206.73997792007944" y1="101.37098137779809" x2="35.44047028561271" y2="81.19526283005192"/><line class="req" id="module0link1" x1="206.73997792007944" y1="101.37098137779809" x2="230.48006726091452" y2="264.5595297143873"/><line class="req" id="module0link2" x1="206.73997792007944" y1="101.37098137779809" x2="366.0562919407869" y2="35.440470285612705"/><line class="dep" id="module1link0" x1="35.44047028561271" y1="81.19526283005192" x2="206.73997792007944" y2="101.37098137779809"/><line class="dep" id="module2link0" x1="230.48006726091452" y1="264.5595297143873" x2="206.73997792007944" y2="101.37098137779809"/><line class="dep" id="module3link0" x1="366.0562919407869" y1="35.440470285612705" x2="206.73997792007944" y2="101.37098137779809"/><circle id="module0" cx="206.73997792007944" cy="101.37098137779809" r="8.860117571403178" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(0,3)" onmouseout="c()"><title>.\example.js
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" id="wpgraph" version="1.1" baseProfile="full" width="351.4062125581952" height="300"><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 2}circle.main { stroke:#F00; stroke-width: 3}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; stroke-linecap: round}.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 2; }</style><line class="" id="module1line0" x1="173.51583824041703" y1="203.07638827523502" x2="20" y2="280" style="stroke-width:1.3611111111111114"/><line class="" id="module2line0" x1="173.51583824041703" y1="203.07638827523502" x2="187.60914405044633" y2="20" style="stroke-width:1.3611111111111114"/><line class="" id="module3line0" x1="173.51583824041703" y1="203.07638827523502" x2="331.4062125581952" y2="272.17269721877113" style="stroke-width:1.3611111111111114"/><line class="req" id="module0link0" x1="173.51583824041703" y1="203.07638827523502" x2="20" y2="280"/><line class="req" id="module0link1" x1="173.51583824041703" y1="203.07638827523502" x2="187.60914405044633" y2="20"/><line class="req" id="module0link2" x1="173.51583824041703" y1="203.07638827523502" x2="331.4062125581952" y2="272.17269721877113"/><line class="dep" id="module1link0" x1="173.51583824041703" y1="203.07638827523502" x2="20" y2="280"/><line class="dep" id="module2link0" x1="173.51583824041703" y1="203.07638827523502" x2="187.60914405044633" y2="20"/><line class="dep" id="module3link0" x1="173.51583824041703" y1="203.07638827523502" x2="331.4062125581952" y2="272.17269721877113"/><circle id="module0" class="main" cx="173.51583824041703" cy="203.07638827523502" r="10.8220256249338" fill="rgb(240,240,0)" onmouseover="a(0,3)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" cx="35.44047028561271" cy="81.19526283005192" r="8.860117571403178" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(1,1)" onmouseout="c()"><title>(webpack)\buildin\__webpack_console.js
output.js</title></circle><circle id="module1" class="" cx="20" cy="280" r="13.411080521277285" fill="rgb(240,240,0)" onmouseover="a(1,1)" onmouseout="c()"><title>(webpack)\buildin\__webpack_console.js
Chunks:
output.js</title></circle><circle id="module2" cx="230.48006726091452" cy="264.5595297143873" r="8.860117571403178" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(2,1)" onmouseout="c()"><title>(webpack)\~\json-loader
output.js</title></circle><circle id="module2" class="" cx="187.60914405044633" cy="20" r="5" fill="rgb(240,240,0)" onmouseover="a(2,1)" onmouseout="c()"><title>(webpack)\~\json-loader
.\test.json
Chunks:
output.js</title></circle><circle id="module3" cx="366.0562919407869" cy="35.440470285612705" r="8.860117571403178" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(3,1)" onmouseout="c()"><title>.\loader.js
output.js</title></circle><circle id="module3" class="" cx="331.4062125581952" cy="272.17269721877113" r="5" fill="rgb(240,240,0)" onmouseover="a(3,1)" onmouseout="c()"><title>.\loader.js
.\file.js
Chunks:
output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {document.getElementById(&quot;module&quot; + node).setAttribute(&quot;class&quot;,&quot;hover&quot;);for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 1}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; }.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 1; }</style></svg>
output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {addHover(document.getElementById(&quot;module&quot; + node));for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script></svg>

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

View File

@ -1,19 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="306.5774933731176" height="300"><line class="" x1="25.514679490037032" y1="60.489870689926605" x2="133.8737884675857" y2="122.13698443949441" style="stroke-width:1"/><line class="async " x1="53.37523349514675" y1="274.48532050996295" x2="133.8737884675857" y2="122.13698443949441" style="stroke-width:1"/><line class="async " x1="264.6721573978113" y1="228.76778771551847" x2="133.8737884675857" y2="122.13698443949441" style="stroke-width:1"/><line class="async " x1="281.0628138830806" y1="25.514679490037032" x2="133.8737884675857" y2="122.13698443949441" style="stroke-width:1"/><line class="req" id="module0link0" x1="133.8737884675857" y1="122.13698443949441" x2="25.514679490037032" y2="60.489870689926605"/><line class="async req" id="module0link1" x1="133.8737884675857" y1="122.13698443949441" x2="53.37523349514675" y2="274.48532050996295"/><line class="async req" id="module0link2" x1="133.8737884675857" y1="122.13698443949441" x2="264.6721573978113" y2="228.76778771551847"/><line class="async req" id="module0link3" x1="133.8737884675857" y1="122.13698443949441" x2="281.0628138830806" y2="25.514679490037032"/><line class="dep" id="module1link0" x1="25.514679490037032" y1="60.489870689926605" x2="133.8737884675857" y2="122.13698443949441"/><line class="async dep" id="module2link0" x1="53.37523349514675" y1="274.48532050996295" x2="133.8737884675857" y2="122.13698443949441"/><line class="async dep" id="module3link0" x1="264.6721573978113" y1="228.76778771551847" x2="133.8737884675857" y2="122.13698443949441"/><line class="async dep" id="module4link0" x1="281.0628138830806" y1="25.514679490037032" x2="133.8737884675857" y2="122.13698443949441"/><circle id="module0" cx="133.8737884675857" cy="122.13698443949441" r="6.378669872509258" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(0,4)" onmouseout="c()"><title>.\example.js
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" id="wpgraph" version="1.1" baseProfile="full" width="306.0821593065522" height="300"><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 2}circle.main { stroke:#F00; stroke-width: 3}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; stroke-linecap: round}.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 2; }</style><line class="" id="module1line0" x1="138.02829593948348" y1="173.2208769743134" x2="50.39003828773311" y2="273.4287621625009" style="stroke-width:1.3611111111111114"/><line class="async " id="module2line0" x1="138.02829593948348" y1="173.2208769743134" x2="20" y2="37.499025314461804" style="stroke-width:1.3611111111111114"/><line class="async " id="module3line0" x1="138.02829593948348" y1="173.2208769743134" x2="230.45911265214608" y2="20" style="stroke-width:1.3611111111111114"/><line class="async " id="module4line0" x1="138.02829593948348" y1="173.2208769743134" x2="286.0821593065522" y2="280" style="stroke-width:1.3611111111111114"/><line class="req" id="module0link0" x1="138.02829593948348" y1="173.2208769743134" x2="50.39003828773311" y2="273.4287621625009"/><line class="async req" id="module0link1" x1="138.02829593948348" y1="173.2208769743134" x2="20" y2="37.499025314461804"/><line class="async req" id="module0link2" x1="138.02829593948348" y1="173.2208769743134" x2="230.45911265214608" y2="20"/><line class="async req" id="module0link3" x1="138.02829593948348" y1="173.2208769743134" x2="286.0821593065522" y2="280"/><line class="dep" id="module1link0" x1="138.02829593948348" y1="173.2208769743134" x2="50.39003828773311" y2="273.4287621625009"/><line class="async dep" id="module2link0" x1="138.02829593948348" y1="173.2208769743134" x2="20" y2="37.499025314461804"/><line class="async dep" id="module3link0" x1="138.02829593948348" y1="173.2208769743134" x2="230.45911265214608" y2="20"/><line class="async dep" id="module4link0" x1="138.02829593948348" y1="173.2208769743134" x2="286.0821593065522" y2="280"/><circle id="module0" class="main" cx="138.02829593948348" cy="173.2208769743134" r="8.3701410880723" fill="rgb(240,240,0)" onmouseover="a(0,4)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" cx="25.514679490037032" cy="60.489870689926605" r="6.378669872509258" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(1,1)" onmouseout="c()"><title>.\~\a.js
output.js</title></circle><circle id="module1" class="" cx="50.39003828773311" cy="273.4287621625009" r="5" fill="rgb(240,240,0)" onmouseover="a(1,1)" onmouseout="c()"><title>.\~\a.js
Chunks:
output.js</title></circle><circle id="module2" cx="53.37523349514675" cy="274.48532050996295" r="6.378669872509258" fill="rgb(240,160,80)" stroke-width="1" onmouseover="a(2,1)" onmouseout="c()"><title>.\~\b.js
output.js</title></circle><circle id="module2" class="" cx="20" cy="37.499025314461804" r="5" fill="rgb(240,160,80)" onmouseover="a(2,1)" onmouseout="c()"><title>.\~\b.js
Chunks:
1.output.js
2.output.js</title></circle><circle id="module3" cx="264.6721573978113" cy="228.76778771551847" r="6.378669872509258" fill="rgb(240,160,80)" stroke-width="1" onmouseover="a(3,1)" onmouseout="c()"><title>.\~\d.js
2.output.js</title></circle><circle id="module3" class="" cx="230.45911265214608" cy="20" r="5" fill="rgb(240,160,80)" onmouseover="a(3,1)" onmouseout="c()"><title>.\~\d.js
Chunks:
1.output.js
2.output.js</title></circle><circle id="module4" cx="281.0628138830806" cy="25.514679490037032" r="6.378669872509258" fill="rgb(240,160,0)" stroke-width="1" onmouseover="a(4,1)" onmouseout="c()"><title>.\~\c.js
2.output.js</title></circle><circle id="module4" class="" cx="286.0821593065522" cy="280" r="5" fill="rgb(240,160,0)" onmouseover="a(4,1)" onmouseout="c()"><title>.\~\c.js
Chunks:
2.output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {document.getElementById(&quot;module&quot; + node).setAttribute(&quot;class&quot;,&quot;hover&quot;);for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 1}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; }.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 1; }</style></svg>
2.output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {addHover(document.getElementById(&quot;module&quot; + node));for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script></svg>

Before

Width:  |  Height:  |  Size: 4.0 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

View File

@ -1,20 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="318.937656311407" height="300"><line class="" x1="39.33173017194616" y1="17.711036047426994" x2="105.03094798738954" y2="67.70825111697043" style="stroke-width:1"/><line class="" x1="147.27474640876167" y1="147.87995049442972" x2="105.03094798738954" y2="67.70825111697043" style="stroke-width:1"/><line class="" x1="17.711036047426994" y1="229.70337209776102" x2="147.27474640876167" y2="147.87995049442972" style="stroke-width:0.5"/><line class="" x1="174.4081089057929" y1="282.288963952573" x2="147.27474640876167" y2="147.87995049442972" style="stroke-width:0.5"/><line class="" x1="301.22662026398" y1="171.55124333397927" x2="147.27474640876167" y2="147.87995049442972" style="stroke-width:0.5"/><line class="req" id="module0link0" x1="105.03094798738954" y1="67.70825111697043" x2="39.33173017194616" y2="17.711036047426994"/><line class="req" id="module0link1" x1="105.03094798738954" y1="67.70825111697043" x2="147.27474640876167" y2="147.87995049442972"/><line class="dep" id="module1link0" x1="39.33173017194616" y1="17.711036047426994" x2="105.03094798738954" y2="67.70825111697043"/><line class="dep" id="module2link0" x1="147.27474640876167" y1="147.87995049442972" x2="105.03094798738954" y2="67.70825111697043"/><line class="req" id="module2link1" x1="147.27474640876167" y1="147.87995049442972" x2="17.711036047426994" y2="229.70337209776102"/><line class="req" id="module2link2" x1="147.27474640876167" y1="147.87995049442972" x2="174.4081089057929" y2="282.288963952573"/><line class="req" id="module2link3" x1="147.27474640876167" y1="147.87995049442972" x2="301.22662026398" y2="171.55124333397927"/><line class="dep" id="module3link0" x1="17.711036047426994" y1="229.70337209776102" x2="147.27474640876167" y2="147.87995049442972"/><line class="dep" id="module4link0" x1="174.4081089057929" y1="282.288963952573" x2="147.27474640876167" y2="147.87995049442972"/><line class="dep" id="module5link0" x1="301.22662026398" y1="171.55124333397927" x2="147.27474640876167" y2="147.87995049442972"/><circle id="module0" cx="105.03094798738954" cy="67.70825111697043" r="4.4277590118567485" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(0,2)" onmouseout="c()"><title>.\example.js
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" id="wpgraph" version="1.1" baseProfile="full" width="231.15071418188327" height="300"><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 2}circle.main { stroke:#F00; stroke-width: 3}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; stroke-linecap: round}.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 2; }</style><line class="" id="module1line0" x1="85.49584395045568" y1="118.45785740149361" x2="85.88605234325154" y2="20" style="stroke-width:1.3611111111111114"/><line class="" id="module2line0" x1="85.49584395045568" y1="118.45785740149361" x2="110.83892644475871" y2="190.27766954622362" style="stroke-width:3.0625"/><line class="" id="module3line0" x1="110.83892644475871" y1="190.27766954622362" x2="20" y2="246.52106039979319" style="stroke-width:1.2099999999999997"/><line class="" id="module4line0" x1="110.83892644475871" y1="190.27766954622362" x2="211.15071418188327" y2="156.30600386691953" style="stroke-width:1.2099999999999997"/><line class="" id="module5line0" x1="110.83892644475871" y1="190.27766954622362" x2="167.61715815729872" y2="280" style="stroke-width:1.2099999999999997"/><line class="req" id="module0link0" x1="85.49584395045568" y1="118.45785740149361" x2="85.88605234325154" y2="20"/><line class="req" id="module0link1" x1="85.49584395045568" y1="118.45785740149361" x2="110.83892644475871" y2="190.27766954622362"/><line class="dep" id="module1link0" x1="85.49584395045568" y1="118.45785740149361" x2="85.88605234325154" y2="20"/><line class="dep" id="module2link0" x1="85.49584395045568" y1="118.45785740149361" x2="110.83892644475871" y2="190.27766954622362"/><line class="req" id="module2link1" x1="110.83892644475871" y1="190.27766954622362" x2="20" y2="246.52106039979319"/><line class="req" id="module2link2" x1="110.83892644475871" y1="190.27766954622362" x2="211.15071418188327" y2="156.30600386691953"/><line class="req" id="module2link3" x1="110.83892644475871" y1="190.27766954622362" x2="167.61715815729872" y2="280"/><line class="dep" id="module3link0" x1="110.83892644475871" y1="190.27766954622362" x2="20" y2="246.52106039979319"/><line class="dep" id="module4link0" x1="110.83892644475871" y1="190.27766954622362" x2="211.15071418188327" y2="156.30600386691953"/><line class="dep" id="module5link0" x1="110.83892644475871" y1="190.27766954622362" x2="167.61715815729872" y2="280"/><circle id="module0" class="main" cx="85.49584395045568" cy="118.45785740149361" r="5" fill="rgb(240,240,0)" onmouseover="a(0,2)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" cx="39.33173017194616" cy="17.711036047426994" r="4.4277590118567485" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(1,1)" onmouseout="c()"><title>(webpack)\buildin\__webpack_console.js
output.js</title></circle><circle id="module1" class="" cx="85.88605234325154" cy="20" r="7.273703524120646" fill="rgb(240,240,0)" onmouseover="a(1,1)" onmouseout="c()"><title>(webpack)\buildin\__webpack_console.js
Chunks:
output.js</title></circle><circle id="module2" cx="147.27474640876167" cy="147.87995049442972" r="4.4277590118567485" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(2,4)" onmouseout="c()"><title>.\templates
output.js</title></circle><circle id="module2" class="" cx="110.83892644475871" cy="190.27766954622362" r="5.546146942258134" fill="rgb(240,240,0)" onmouseover="a(2,4)" onmouseout="c()"><title>.\templates
Chunks:
output.js</title></circle><circle id="module3" cx="17.711036047426994" cy="229.70337209776102" r="4.4277590118567485" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(3,1)" onmouseout="c()"><title>.\templates\a.js
output.js</title></circle><circle id="module3" class="" cx="20" cy="246.52106039979319" r="5" fill="rgb(240,240,0)" onmouseover="a(3,1)" onmouseout="c()"><title>.\templates\a.js
Chunks:
output.js</title></circle><circle id="module4" cx="174.4081089057929" cy="282.288963952573" r="4.4277590118567485" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(4,1)" onmouseout="c()"><title>.\templates\b.js
output.js</title></circle><circle id="module4" class="" cx="211.15071418188327" cy="156.30600386691953" r="5" fill="rgb(240,240,0)" onmouseover="a(4,1)" onmouseout="c()"><title>.\templates\b.js
Chunks:
output.js</title></circle><circle id="module5" cx="301.22662026398" cy="171.55124333397927" r="4.4277590118567485" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(5,1)" onmouseout="c()"><title>.\templates\c.js
output.js</title></circle><circle id="module5" class="" cx="167.61715815729872" cy="280" r="5" fill="rgb(240,240,0)" onmouseover="a(5,1)" onmouseout="c()"><title>.\templates\c.js
Chunks:
output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {document.getElementById(&quot;module&quot; + node).setAttribute(&quot;class&quot;,&quot;hover&quot;);for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 1}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; }.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 1; }</style></svg>
output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {addHover(document.getElementById(&quot;module&quot; + node));for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script></svg>

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

View File

@ -1,8 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="93.28742594369686" height="300"><line class="" x1="46.64371297184843" y1="253.35628702815157" x2="46.64371297184843" y2="46.64371297184842" style="stroke-width:1"/><line class="req" id="module0link0" x1="46.64371297184843" y1="46.64371297184842" x2="46.64371297184843" y2="253.35628702815157"/><line class="dep" id="module1link0" x1="46.64371297184843" y1="253.35628702815157" x2="46.64371297184843" y2="46.64371297184842"/><circle id="module0" cx="46.64371297184843" cy="46.64371297184842" r="11.660928242962108" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(0,1)" onmouseout="c()"><title>.\example.js
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" id="wpgraph" version="1.1" baseProfile="full" width="40" height="300"><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 2}circle.main { stroke:#F00; stroke-width: 3}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; stroke-linecap: round}.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 2; }</style><line class="" id="module1line0" x1="20" y1="280" x2="20" y2="20" style="stroke-width:1.3611111111111114"/><line class="req" id="module0link0" x1="20" y1="280" x2="20" y2="20"/><line class="dep" id="module1link0" x1="20" y1="280" x2="20" y2="20"/><circle id="module0" class="main" cx="20" cy="280" r="13.532134353447631" fill="rgb(240,240,0)" onmouseover="a(0,1)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" cx="46.64371297184843" cy="253.35628702815157" r="11.660928242962108" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(1,1)" onmouseout="c()"><title>.\a.js
output.js</title></circle><circle id="module1" class="" cx="20" cy="20" r="5" fill="rgb(240,240,0)" onmouseover="a(1,1)" onmouseout="c()"><title>.\a.js
Chunks:
output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {document.getElementById(&quot;module&quot; + node).setAttribute(&quot;class&quot;,&quot;hover&quot;);for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 1}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; }.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 1; }</style></svg>
output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {addHover(document.getElementById(&quot;module&quot; + node));for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script></svg>

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -1,10 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="93.28742594369686" height="300"><line class="" x1="46.64371297184843" y1="253.35628702815157" x2="46.64371297184843" y2="46.64371297184842" style="stroke-width:1"/><line class="req" id="module0link0" x1="46.64371297184843" y1="46.64371297184842" x2="46.64371297184843" y2="253.35628702815157"/><line class="dep" id="module1link0" x1="46.64371297184843" y1="253.35628702815157" x2="46.64371297184843" y2="46.64371297184842"/><circle id="module0" cx="46.64371297184843" cy="46.64371297184842" r="11.660928242962108" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(0,1)" onmouseout="c()"><title>.\example.js
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" id="wpgraph" version="1.1" baseProfile="full" width="40" height="300"><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 2}circle.main { stroke:#F00; stroke-width: 3}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; stroke-linecap: round}.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 2; }</style><line class="" id="module1line0" x1="20" y1="280" x2="20" y2="20" style="stroke-width:1.3611111111111114"/><line class="req" id="module0link0" x1="20" y1="280" x2="20" y2="20"/><line class="dep" id="module1link0" x1="20" y1="280" x2="20" y2="20"/><circle id="module0" class="main" cx="20" cy="280" r="11.444492020434664" fill="rgb(240,240,0)" onmouseover="a(0,1)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" cx="46.64371297184843" cy="253.35628702815157" r="11.660928242962108" fill="rgb(240,240,0)" stroke-width="1" onmouseover="a(1,1)" onmouseout="c()"><title>(webpack)\~\worker-loader
output.js</title></circle><circle id="module1" class="" cx="20" cy="20" r="7.719530892776533" fill="rgb(240,240,0)" onmouseover="a(1,1)" onmouseout="c()"><title>(webpack)\~\worker-loader
.\worker.js
Chunks:
output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {document.getElementById(&quot;module&quot; + node).setAttribute(&quot;class&quot;,&quot;hover&quot;);for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script><style type="text/css">line { stroke:black;}circle { stroke:black; stroke-width: 1}.dep, .req, .reqdep { stroke-width:0; }.async { stroke-dasharray: 4 4; }.reqdep.hover { stroke:#660; stroke-width: 3; }.req.hover { stroke:red; stroke-width: 3; }.dep.hover { stroke:green; stroke-width: 3; }circle.hover { stroke:blue; stroke-width: 1; }</style></svg>
output.js</title></circle><script type="text/ecmascript">function addHover(node) {node.setAttribute(&quot;class&quot;, node.getAttribute(&quot;class&quot;) + " hover")}function removeHover(node) {var className = node.getAttribute(&quot;class&quot;).split(" ");className.splice(className.indexOf(&quot;hover&quot;), 1);node.setAttribute(&quot;class&quot;, className.join(" "))}function a(node, links) {addHover(document.getElementById(&quot;module&quot; + node));for(var i = 0; i &lt; links; i++) {var link = document.getElementById(&quot;module&quot; + node + &quot;link&quot; + i);
if(link) addHover(link);}}function c() {var elements = Array.prototype.slice.call(document.getElementsByClassName(&quot;hover&quot;));for(var i = 0; i &lt; elements.length; i++) removeHover(elements[i]);}</script></svg>

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB