Wie benutze ich Tree-Shaking mit webpack 2 und typescript und angular 2?

8

Ich habe webpack 2 mit eckigen Klammern eingerichtet und meistens scheint es zu funktionieren. Es scheint jedoch nicht, dass es die tree-shaking tut, da ich eine App habe, die fast nichts macht, und die vendor.js ist immer noch 800+ KB.

Es scheint, dass es sehr wenig Informationen darüber gibt, wie man das Baumschütteln aktiviert, aber ich habe verstanden, dass es für ES6-Module automatisch aktiviert ist, aber nicht für ES5. Ist das so?

Und am wichtigsten: Wie kann ich Tree Shaking mit webpack2 auf typescript / angular2 anwenden?

    
Ilya Chernomordik 13.11.2016, 13:26
quelle

1 Antwort

4

Ich habe dieses sehr schöne Repository mit Beispielen dazu gefunden.

Wie dort und in den Kommentaren zu der Frage erwähnt, gibt es offensichtlich Bugs, die das Baumwackeln verhindern. Das scheint zu bedeuten, dass es mit "target": "es5" nicht wirklich möglich ist.

Wir können es2015 verwenden, aber dann benötigen wir einige zusätzliche Schritte (z. B. über Babel), um sie zu es5 zu kompilieren, bis sie von Browsern unterstützt werden.

    
Ilya Chernomordik 13.11.2016, 14:36
quelle