Ich bin immer noch neu bei ES6- und Modul-Loadern und bin derzeit dabei, ein browserify-Setup mit ES6 zu kombinieren. Ich frage mich, ob ich browserify/requirejs noch benötigen würde, wenn ich ES6-Module verwende. Scheint wie beide erlauben Sie, Module zu definieren und sie zu exportieren? Was ist der Unterschied zwischen browserify/requirejs Modulen und ES6 Modulen?Was ist der Unterschied zwischen browserify/requirejs-Modulen und ES6-Modulen?
Antwort
Nachdem ich eine Weile herumgespielt hatte, verstand ich die Dinge besser, auch dank @Andy für die blog by Addy Osmani.
Es gibt verschiedene Modulsysteme: AMD (RequireJS), CommonJS (Knoten) und die neue ES6-Modul-Syntax (und natürlich das alte ES5 Global-System).
Wenn Sie jedoch diese in Ihrem Browser verwenden möchten, müssen Sie diese Module noch mit einigen Modul Loader-Bibliothek laden und verdrahten, weil Browser dies immer noch nicht unterstützen. Dazu können Sie einen Modullader wie RequireJS, Browserify, SystemJS oder es6-module-loader verwenden.
SystemJS ist mein persönlicher Favorit, weil es erlaubt, jedes Modulsystem (AMD, CommonJS, ES6) zu laden und sogar in 1 App austauschbar zu verwenden.
Update: In der Zwischenzeit ist Webpack verfügbar geworden und sollte auch als Modullader betrachtet werden.
obwohl ich RequireJS bevorzuge, vergessen Sie nicht über Webpack. Wie SystemJS ist auch Webpack unabhängig davon, ob AMD, CommonJS oder ES6 als Modulsystem verwendet werden soll. –
[Schließen und Jspm Code generieren, der schneller als Webpack ist] (https://github.com/samccone/The-Cost-of-Transiling-es2015-in-2016#the-Cost-of-Transiling-es2015-in-2016). –
- 1. Was ist der Unterschied zwischen `==` und `ist`?
- 2. Was ist der Unterschied zwischen:.! und: r !?
- 3. Was ist der Unterschied zwischen Difftime und '-'?
- 4. Was ist der Unterschied zwischen $ und $$?
- 5. Was ist der Unterschied zwischen Verilog! und ~?
- 6. was ist der Unterschied zwischen [[], []] und [[]] * 2
- 7. Was ist der Unterschied zwischen/* ... */und/** ... */
- 8. Was ist der Unterschied zwischen `&` und `ref`?
- 9. Was ist der Unterschied zwischen $ (...) und `...`
- 10. Was ist der Unterschied zwischen .Equals und ==
- 11. Was ist der Unterschied zwischen "$^N" und "$ +"?
- 12. Was ist der Unterschied zwischen + = und = +?
- 13. Was ist der Unterschied zwischen? und ? = Nil
- 14. Was ist der Unterschied zwischen $ (()) und Ausdruck?
- 15. Was ist der Unterschied zwischen:
- 16. Was ist der Unterschied zwischen der JSP und der JSTL?
- 17. Was ist der Unterschied zwischen NetFx45WebLink und NetFx45RedistLink ist
- 18. Was ist der Unterschied zwischen PS1 und PROMPT_COMMAND ist
- 19. Was ist der Unterschied zwischen x86 und x64 ist
- 20. Was ist der Unterschied zwischen „ist None“ und „== None“
- 21. Was ist der Unterschied zwischen DISPATCH_QUEUE_CONCURRENT und DISPATCH_QUEUE_SERIAL ist
- 22. Was ist der Unterschied zwischen Task.Run ist() und Task.Factory.StartNew()
- 23. Was ist der Unterschied zwischen RewriteRule ist und umleiten 301
- 24. Was ist der Unterschied zwischen ist - (void) und + (void) Methoden
- 25. Was ist der Unterschied zwischen ist HttpResponseMessage und HttpResponseException
- 26. Was ist der Unterschied zwischen nohup und kaufmännisches Und
- 27. Was ist der Unterschied zwischen: und :: und ::: in Javascript Grammatik
- 28. Was ist der Unterschied zwischen Microsoft.AspNet.WebApi.OData und Microsoft.Data.OData und Microsoft.AspNet.OData?
- 29. Was ist der Unterschied zwischen Chisel und Lava und CLaSH?
- 30. Was ist der Unterschied zwischen SimpleNamespace und der leeren Klassendefinition?
[Addy] (http://addyosmani.com/writing-modular-js/) gibt eine gute Aufteilung imo. – Andy
browserify ist kein Modulsystem, es ist ein Modulbündler. –