removed graphs

This commit is contained in:
Tobias Koppers 2013-02-25 12:30:25 +01:00
parent c1592dfbbf
commit fef56dbce7
24 changed files with 2 additions and 283 deletions

View File

@ -209,7 +209,3 @@ chunk {1} 1.output.js 463 {0}
context element ./c [1] ../require.context/templates ^\.\/.*$
context element ./c.js [1] ../require.context/templates ^\.\/.*$
```
## Graph
![webpack-graph](http://webpack.github.com/webpack/examples/code-splitted-require.context-amd/graph.svg)

View File

@ -1,28 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" id="wpgraph" version="1.1" baseProfile="full" width="313.92524625215344" 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="148.82061593413806" y1="118.25511698965185" x2="156.30530742648187" y2="36.62298096188046" style="stroke-width:1.3611111111111114"/><line class="" id="module2line0" x1="148.82061593413806" y1="118.25511698965185" x2="81.97987608597526" y2="79.00798549959143" style="stroke-width:1.80950376732586"/><line class="" id="module3line0" x1="81.97987608597526" y1="79.00798549959143" x2="20" y2="20" style="stroke-width:1.1141975308641976"/><line class="async " id="module4line0" x1="148.82061593413806" y1="118.25511698965185" x2="206.31218126037382" y2="197.67677481477384" style="stroke-width:3.0625"/><line class="" id="module5line0" x1="206.31218126037382" y1="197.67677481477384" x2="177.5273446305026" y2="280" style="stroke-width:1.2099999999999997"/><line class="" id="module6line0" x1="206.31218126037382" y1="197.67677481477384" x2="258.2583473600972" y2="269.02694207051377" style="stroke-width:1.2099999999999997"/><line class="" id="module7line0" x1="206.31218126037382" y1="197.67677481477384" x2="293.92524625215344" y2="197.44294421021706" style="stroke-width:1.2099999999999997"/><line class="req" id="module0link0" x1="148.82061593413806" y1="118.25511698965185" x2="156.30530742648187" y2="36.62298096188046"/><line class="req" id="module0link1" x1="148.82061593413806" y1="118.25511698965185" x2="81.97987608597526" y2="79.00798549959143"/><line class="async req" id="module0link2" x1="148.82061593413806" y1="118.25511698965185" x2="206.31218126037382" y2="197.67677481477384"/><line class="dep" id="module1link0" x1="148.82061593413806" y1="118.25511698965185" x2="156.30530742648187" y2="36.62298096188046"/><line class="dep" id="module2link0" x1="148.82061593413806" y1="118.25511698965185" x2="81.97987608597526" y2="79.00798549959143"/><line class="req" id="module2link1" x1="81.97987608597526" y1="79.00798549959143" x2="20" y2="20"/><line class="dep" id="module3link0" x1="81.97987608597526" y1="79.00798549959143" x2="20" y2="20"/><line class="async dep" id="module4link0" x1="148.82061593413806" y1="118.25511698965185" x2="206.31218126037382" y2="197.67677481477384"/><line class="req" id="module4link1" x1="206.31218126037382" y1="197.67677481477384" x2="177.5273446305026" y2="280"/><line class="req" id="module4link2" x1="206.31218126037382" y1="197.67677481477384" x2="258.2583473600972" y2="269.02694207051377"/><line class="req" id="module4link3" x1="206.31218126037382" y1="197.67677481477384" x2="293.92524625215344" y2="197.44294421021706"/><line class="dep" id="module5link0" x1="206.31218126037382" y1="197.67677481477384" x2="177.5273446305026" y2="280"/><line class="dep" id="module6link0" x1="206.31218126037382" y1="197.67677481477384" x2="258.2583473600972" y2="269.02694207051377"/><line class="dep" id="module7link0" x1="206.31218126037382" y1="197.67677481477384" x2="293.92524625215344" y2="197.44294421021706"/><circle id="module0" class="module main" cx="148.82061593413806" cy="118.25511698965185" 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,3)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" class="module" cx="156.30530742648187" cy="36.62298096188046" r="5.450508804074591" 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
Chunks:
output.js</title></circle><circle id="module2" class="module" cx="81.97987608597526" cy="79.00798549959143" r="5.450508804074591" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(2,2)" onmouseout="c()"><title>(webpack)\buildin\__webpack_amd_require.js
Chunks:
output.js</title></circle><circle id="module3" class="module" cx="20" cy="20" r="5" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,160,80)" fill2="rgb(240,240,0)" onmouseover="a(3,1)" onmouseout="c()"><title>(webpack)\buildin\__webpack_options_amd.loader.js
(webpack)\buildin\__webpack_options_amd.loader.js
Chunks:
output.js</title></circle><circle id="module4" class="module" cx="206.31218126037382" cy="197.67677481477384" 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,4)" onmouseout="c()"><title>(webpack)\examples\require.context\templates
Chunks:
1.output.js</title></circle><circle id="module5" class="module" cx="177.5273446305026" 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(5,1)" onmouseout="c()"><title>(webpack)\examples\require.context\templates\a.js
Chunks:
1.output.js</title></circle><circle id="module6" class="module" cx="258.2583473600972" cy="269.02694207051377" r="5" fill="rgb(240,160,80)" fill0="rgb(240,160,80)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(6,1)" onmouseout="c()"><title>(webpack)\examples\require.context\templates\b.js
Chunks:
1.output.js</title></circle><circle id="module7" class="module" cx="293.92524625215344" cy="197.44294421021706" r="5" fill="rgb(240,160,80)" fill0="rgb(240,160,80)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(7,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 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>

Before

Width:  |  Height:  |  Size: 6.9 KiB

View File

@ -29,7 +29,3 @@
```
{{min:stdout}}
```
## Graph
![webpack-graph](http://webpack.github.com/webpack/examples/code-splitted-require.context-amd/graph.svg)

View File

@ -209,7 +209,3 @@ chunk {1} 1.output.js 463 {0}
context element ./c [1] ../require.context/templates ^\.\/.*$
context element ./c.js [1] ../require.context/templates ^\.\/.*$
```
## Graph
![webpack-graph](http://webpack.github.com/webpack/examples/code-splitted-require.context/graph.svg)

View File

@ -1,20 +0,0 @@
<?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
Chunks:
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
Chunks:
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
Chunks:
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
Chunks:
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
Chunks:
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
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 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>

Before

Width:  |  Height:  |  Size: 5.3 KiB

View File

@ -29,7 +29,3 @@
```
{{min:stdout}}
```
## Graph
![webpack-graph](http://webpack.github.com/webpack/examples/code-splitted-require.context/graph.svg)

View File

@ -154,7 +154,3 @@ chunk {1} 1.output.js 28 {0}
[2] ./file.js 28 [built] {1}
cjs require !!.\file.js [1] (webpack)/~/bundle-loader!./file.js 8:8-147
```
## Graph
![webpack-graph](http://webpack.github.com/webpack/examples/code-splitting-bundle-loader/graph.svg)

View File

@ -1,16 +0,0 @@
<?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="module main" cx="20" cy="95.99198184505283" 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
Chunks:
output.js</title></circle><circle id="module1" class="module" cx="46.866295010084215" cy="20" r="5.968381337799573" 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
Chunks:
output.js</title></circle><circle id="module2" class="module" cx="35.25217110502327" cy="168.80512600230423" r="5.314302127573223" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,160,80)" fill2="rgb(240,240,0)" onmouseover="a(2,2)" onmouseout="c()"><title>(webpack)\~\bundle-loader
.\file.js
Chunks:
output.js</title></circle><circle id="module3" class="module" cx="92.5736285578891" 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(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 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>

Before

Width:  |  Height:  |  Size: 3.8 KiB

View File

@ -36,7 +36,3 @@
```
{{min:stdout}}
```
## Graph
![webpack-graph](http://webpack.github.com/webpack/examples/code-splitting-bundle-loader/graph.svg)

View File

@ -177,7 +177,3 @@ chunk {1} 1.output.js 22 {0}
[4] ./~/d.js 11 [built] {1}
cjs require d [0] ./example.js 5:12-24
```
## Graph
![webpack-graph](http://webpack.github.com/webpack/examples/code-splitting/graph.svg)

View File

@ -1,17 +0,0 @@
<?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="module main" cx="176.8680593332725" cy="159.30345586058107" r="6.224336026677483" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(0,4)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" class="module" cx="20" cy="105.67306000362511" r="5" 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>.\~\b.js
Chunks:
output.js</title></circle><circle id="module2" class="module" cx="65.82547838111726" cy="280" r="5" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(2,1)" onmouseout="c()"><title>.\~\a.js
Chunks:
output.js</title></circle><circle id="module3" class="module" cx="355.81210885867534" cy="20" 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>.\~\c.js
Chunks:
1.output.js</title></circle><circle id="module4" class="module" cx="391.2982428592061" cy="231.0380031967674" 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>.\~\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 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>

Before

Width:  |  Height:  |  Size: 4.5 KiB

View File

@ -36,7 +36,3 @@ Minimized
```
{{min:stdout}}
```
## Graph
![webpack-graph](http://webpack.github.com/webpack/examples/code-splitting/graph.svg)

View File

@ -1,18 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" id="wpgraph" version="1.1" baseProfile="full" width="299.81489022213555" 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="199.4576295704653" y1="280" x2="20" y2="161.28068223387143" style="stroke-width:0.8511704339925266"/><line class="" id="module1line1" x1="20" y1="161.28068223387143" x2="214.4555719796472" y2="20" style="stroke-width:0.658496338711067"/><line class="" id="module2line0" x1="214.4555719796472" y1="20" x2="279.81489022213555" y2="155.0058490835673" style="stroke-width:1.7209363471940207"/><line class="" id="module3line0" x1="199.4576295704653" y1="280" x2="279.81489022213555" y2="155.0058490835673" style="stroke-width:1.80950376732586"/><line class="req" id="module0link0" x1="199.4576295704653" y1="280" x2="20" y2="161.28068223387143"/><line class="req" id="module0link1" x1="199.4576295704653" y1="280" x2="279.81489022213555" y2="155.0058490835673"/><line class="dep" id="module1link0" x1="199.4576295704653" y1="280" x2="20" y2="161.28068223387143"/><line class="dep" id="module1link1" x1="20" y1="161.28068223387143" x2="214.4555719796472" y2="20"/><line class="dep" id="module2link0" x1="214.4555719796472" y1="20" x2="279.81489022213555" y2="155.0058490835673"/><line class="req" id="module2link1" x1="20" y1="161.28068223387143" x2="214.4555719796472" y2="20"/><line class="dep" id="module3link0" x1="199.4576295704653" y1="280" x2="279.81489022213555" y2="155.0058490835673"/><line class="req" id="module3link1" x1="214.4555719796472" y1="20" x2="279.81489022213555" y2="155.0058490835673"/><circle id="module0" class="module main" cx="199.4576295704653" cy="280" 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
Chunks:
output.js</title></circle><circle id="module1" class="module" cx="20" cy="161.28068223387143" r="12.39705145805345" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(1,2)" onmouseout="c()"><title>(webpack)\buildin\__webpack_console.js
Chunks:
output.js</title></circle><circle id="module2" class="module" cx="214.4555719796472" cy="20" r="5.3071389577999035" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,160,80)" fill2="rgb(240,240,0)" onmouseover="a(2,2)" onmouseout="c()"><title>(webpack)\~\coffee-loader
.\cup2.coffee
Chunks:
output.js</title></circle><circle id="module3" class="module" cx="279.81489022213555" cy="155.0058490835673" r="7.423398894221847" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,160,80)" fill2="rgb(240,240,0)" 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 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>

Before

Width:  |  Height:  |  Size: 4.2 KiB

View File

@ -1,11 +0,0 @@
<?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="module main" cx="20" cy="20" 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,1)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" class="module" cx="20" cy="140.1407135849381" r="5" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(1,2)" onmouseout="c()"><title>.\increment.js
Chunks:
output.js</title></circle><circle id="module2" class="module" cx="20" cy="280" r="5.598718225172331" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="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 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>

Before

Width:  |  Height:  |  Size: 2.9 KiB

View File

@ -1,32 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" id="wpgraph" version="1.1" baseProfile="full" width="176.4677201867815" 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="87.97680758292047" y1="80.67451966000374" x2="50.7698227388639" y2="22.506135256645376" style="stroke-width:1.3611111111111114"/><line class="" id="module2line0" x1="87.97680758292047" y1="80.67451966000374" x2="120.98649204670673" y2="20" style="stroke-width:1.3611111111111114"/><line class="" id="module3line0" x1="88.43125013394823" y1="208.45540597582823" x2="88.93961228607272" y2="145.85476762633346" style="stroke-width:1.7209363471940207"/><line class="" id="module4line0" x1="87.97680758292047" y1="80.67451966000374" x2="20" y2="88.1743642518416" style="stroke-width:1.3611111111111114"/><line class="" id="module5line0" x1="88.43125013394823" y1="208.45540597582823" x2="86.69079926849984" y2="280" style="stroke-width:1.1141975308641976"/><line class="" id="module6line0" x1="87.97680758292047" y1="80.67451966000374" x2="156.4677201867815" y2="83.31613465633886" style="stroke-width:1.3611111111111114"/><line class="" id="module7line0" x1="87.97680758292047" y1="80.67451966000374" x2="88.93961228607272" y2="145.85476762633346" style="stroke-width:1.80950376732586"/><line class="req" id="module0link0" x1="87.97680758292047" y1="80.67451966000374" x2="50.7698227388639" y2="22.506135256645376"/><line class="req" id="module0link1" x1="87.97680758292047" y1="80.67451966000374" x2="120.98649204670673" y2="20"/><line class="req" id="module0link2" x1="87.97680758292047" y1="80.67451966000374" x2="20" y2="88.1743642518416"/><line class="req" id="module0link3" x1="87.97680758292047" y1="80.67451966000374" x2="156.4677201867815" y2="83.31613465633886"/><line class="req" id="module0link4" x1="87.97680758292047" y1="80.67451966000374" x2="88.93961228607272" y2="145.85476762633346"/><line class="dep" id="module1link0" x1="87.97680758292047" y1="80.67451966000374" x2="50.7698227388639" y2="22.506135256645376"/><line class="dep" id="module2link0" x1="87.97680758292047" y1="80.67451966000374" x2="120.98649204670673" y2="20"/><line class="dep" id="module3link0" x1="88.43125013394823" y1="208.45540597582823" x2="88.93961228607272" y2="145.85476762633346"/><line class="req" id="module3link1" x1="88.43125013394823" y1="208.45540597582823" x2="86.69079926849984" y2="280"/><line class="dep" id="module4link0" x1="87.97680758292047" y1="80.67451966000374" x2="20" y2="88.1743642518416"/><line class="dep" id="module5link0" x1="88.43125013394823" y1="208.45540597582823" x2="86.69079926849984" y2="280"/><line class="dep" id="module6link0" x1="87.97680758292047" y1="80.67451966000374" x2="156.4677201867815" y2="83.31613465633886"/><line class="dep" id="module7link0" x1="87.97680758292047" y1="80.67451966000374" x2="88.93961228607272" y2="145.85476762633346"/><line class="req" id="module7link1" x1="88.43125013394823" y1="208.45540597582823" x2="88.93961228607272" y2="145.85476762633346"/><circle id="module0" class="module main" cx="87.97680758292047" cy="80.67451966000374" 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,5)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" class="module" cx="50.7698227388639" cy="22.506135256645376" r="5" 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
Chunks:
output.js</title></circle><circle id="module2" class="module" cx="120.98649204670673" cy="20" r="5" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,160,80)" fill2="rgb(240,240,0)" onmouseover="a(2,1)" onmouseout="c()"><title>(webpack)\~\json-loader
.\test.json
Chunks:
output.js</title></circle><circle id="module3" class="module" cx="88.43125013394823" cy="208.45540597582823" r="5" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(3,2)" onmouseout="c()"><title>(webpack)\buildin\__webpack_amd_require.js
Chunks:
output.js</title></circle><circle id="module4" class="module" cx="20" cy="88.1743642518416" r="5" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(4,1)" onmouseout="c()"><title>(webpack)\buildin\__webpack_module.js
Chunks:
output.js</title></circle><circle id="module5" class="module" cx="86.69079926849984" cy="280" r="5" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,160,80)" fill2="rgb(240,240,0)" onmouseover="a(5,1)" onmouseout="c()"><title>(webpack)\buildin\__webpack_options_amd.loader.js
(webpack)\buildin\__webpack_options_amd.loader.js
Chunks:
output.js</title></circle><circle id="module6" class="module" cx="156.4677201867815" cy="83.31613465633886" r="5" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,160,80)" fill2="rgb(240,240,0)" onmouseover="a(6,1)" onmouseout="c()"><title>.\loader.js
.\file.js
Chunks:
output.js</title></circle><circle id="module7" class="module" cx="88.93961228607272" cy="145.85476762633346" r="5" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(7,2)" onmouseout="c()"><title>(webpack)\~\enhanced-require\lib\require.webpack.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 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>

Before

Width:  |  Height:  |  Size: 6.7 KiB

View File

@ -257,7 +257,3 @@ chunk {1} 1.output.js 439 {0}
[6] ../require.context/templates/c.js 82 [built] {1}
context element ./c.js [3] ../require.context/templates ^\.\/.*\.js$
```
## Graph
![webpack-graph](http://webpack.github.com/webpack/examples/mixed/graph.svg)

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 9.6 KiB

View File

@ -36,7 +36,3 @@
```
{{stdout}}
```
## Graph
![webpack-graph](http://webpack.github.com/webpack/examples/mixed/graph.svg)

View File

@ -1,19 +0,0 @@
<?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="module main" cx="138.02829593948348" cy="173.2208769743134" r="8.255476204469144" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(0,4)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" class="module" cx="50.39003828773311" cy="273.4287621625009" r="5" 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>.\~\a.js
Chunks:
output.js</title></circle><circle id="module2" class="module" cx="20" cy="37.499025314461804" 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,1)" onmouseout="c()"><title>.\~\b.js
Chunks:
1.output.js
2.output.js</title></circle><circle id="module3" class="module" cx="230.45911265214608" cy="20" 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>.\~\d.js
Chunks:
1.output.js
2.output.js</title></circle><circle id="module4" class="module" cx="286.0821593065522" cy="280" r="5" fill="rgb(240,160,0)" fill0="rgb(240,160,0)" fill1="rgb(240,240,0)" fill2="rgb(240,240,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 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>

Before

Width:  |  Height:  |  Size: 4.5 KiB

View File

@ -176,10 +176,6 @@ chunk {0} output.js (main) 613
cjs require context ./templates [0] ./example.js 2:8-44
```
## Graph
![webpack-graph](http://webpack.github.com/webpack/examples/require.context/graph.svg)
# Code Splitting
See [this example combined with code splitting](/sokra/modules-webpack/tree/master/examples/code-splitted-require.context)
See [this example combined with code splitting](../code-splitted-require.context)

View File

@ -1,20 +0,0 @@
<?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="module main" cx="85.49584395045568" cy="118.45785740149361" 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
Chunks:
output.js</title></circle><circle id="module1" class="module" cx="85.88605234325154" cy="20" r="7.1743507126359205" 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
Chunks:
output.js</title></circle><circle id="module2" class="module" cx="110.83892644475871" cy="190.27766954622362" r="5.745908161885986" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(2,4)" onmouseout="c()"><title>.\templates
Chunks:
output.js</title></circle><circle id="module3" class="module" cx="20" cy="246.52106039979319" r="5" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(3,1)" onmouseout="c()"><title>.\templates\a.js
Chunks:
output.js</title></circle><circle id="module4" class="module" cx="211.15071418188327" cy="156.30600386691953" r="5" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(4,1)" onmouseout="c()"><title>.\templates\b.js
Chunks:
output.js</title></circle><circle id="module5" class="module" cx="167.61715815729872" cy="280" r="5" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="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 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>

Before

Width:  |  Height:  |  Size: 5.2 KiB

View File

@ -38,10 +38,6 @@ module.exports = function() {
{{min:stdout}}
```
## Graph
![webpack-graph](http://webpack.github.com/webpack/examples/require.context/graph.svg)
# Code Splitting
See [this example combined with code splitting](/sokra/modules-webpack/tree/master/examples/code-splitted-require.context)
See [this example combined with code splitting](../code-splitted-require.context)

View File

@ -1,8 +0,0 @@
<?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="module main" cx="20" cy="280" r="13.324113072615106" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(0,1)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" class="module" cx="20" cy="20" r="5" 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>.\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 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>

Before

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -1,10 +0,0 @@
<?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="module main" cx="20" cy="280" r="11.335494374850644" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,240,0)" fill2="rgb(240,240,0)" onmouseover="a(0,1)" onmouseout="c()"><title>.\example.js
Chunks:
output.js</title></circle><circle id="module1" class="module" cx="20" cy="20" r="7.719530892776533" fill="rgb(240,240,0)" fill0="rgb(240,240,0)" fill1="rgb(240,160,80)" fill2="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 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>

Before

Width:  |  Height:  |  Size: 2.4 KiB