webpack/examples/code-splitted-require.context/graph.svg

20 lines
5.3 KiB
XML
Raw Normal View History

2012-10-26 21:07:50 +08:00
<?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="module main" cx="67.41094434941509" cy="102.36733458739133" r="5" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(0,2)" onmouseout="c()"><title>.\example.js
2012-10-09 23:17:38 +08:00
Chunks:
2012-11-07 19:49:01 +08:00
output.js</title></circle><circle id="module1" class="module" cx="59.957882803627385" cy="20" r="5.545635949277276" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(1,1)" onmouseout="c()"><title>(webpack)\buildin\__webpack_console.js
2012-10-09 23:17:38 +08:00
Chunks:
2012-10-26 21:07:50 +08:00
output.js</title></circle><circle id="module2" class="module" cx="83.91081968899924" cy="194.9467730343654" r="5" fill="rgb(240,160,80)" fill0="rgb(240,160,80)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(2,4)" onmouseout="c()"><title>(webpack)\examples\require.context\templates
2012-10-09 23:17:38 +08:00
Chunks:
2012-10-26 21:07:50 +08:00
1.output.js</title></circle><circle id="module3" class="module" cx="20" cy="252.20848355347624" r="5" fill="rgb(240,160,80)" fill0="rgb(240,160,80)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(3,1)" onmouseout="c()"><title>(webpack)\examples\require.context\templates\a.js
2012-10-09 23:17:38 +08:00
Chunks:
2012-10-26 21:07:50 +08:00
1.output.js</title></circle><circle id="module4" class="module" cx="104.23530195093166" cy="280" r="5" fill="rgb(240,160,80)" fill0="rgb(240,160,80)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(4,1)" onmouseout="c()"><title>(webpack)\examples\require.context\templates\b.js
2012-10-09 23:17:38 +08:00
Chunks:
2012-10-26 21:07:50 +08:00
1.output.js</title></circle><circle id="module5" class="module" cx="164.67239295817026" cy="223.1823061040775" r="5" fill="rgb(240,160,80)" fill0="rgb(240,160,80)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(5,1)" onmouseout="c()"><title>(webpack)\examples\require.context\templates\c.js
2012-10-09 23:17:38 +08:00
Chunks:
2012-10-26 21:07:50 +08:00
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 setColor(node, number) {var fill = node.getAttribute(&quot;fill&quot;+number);node.setAttribute(&quot;fill&quot;, fill)}function setColors(number) {var elements = document.getElementsByClassName(&quot;module&quot;);for(var i = 0; i &lt; elements.length; i++) setColor(elements[i], number);}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>