meine glut CLI App zur Zeit beteiligt Laden einer 3Mb Datei heruntergeladen haben, von denen die meisten von gemeinsamen Bibliotheken wie jQuery, aber es wird nicht riesig über eine langsame Verbindung noticable, Ember, Bootstrap usw. 3Mb besteht, damit ich aus abzustreifen wollen alle gängigen Bibliotheken und holen sie stattdessen von einem CDN. Die Idee ist, dass sie durch den Browser im Cache gespeichert werden würden, dass sie nicht brauchen, jedes Mal neu heruntergeladen werden, ich meine App aktualisieren (die zur Zeit sehr häufig ist). Ich habe this Frage zu lesen, die darauf hinweist, dass es einfach ist, einfach fügen Sie ein <script...>
index.html, aber ich kann sie nicht herausfinden, wie Ember sagen nicht diese Bibliotheken in vendor.js zu verpacken.Ember CLI Depends von CDN?
Antwort
In brocfile.js
(ember-cli-build.js
in neueren Versionen) an den Konstruktor ändern
var app = new EmberApp({
vendorFiles: {
'jquery.js': false,
'handlebars.js': false,
'ember.js': false
}
});
Jetzt die in Ihrer index.html die alte Art und Weise Art und Weise umfassen und genießen die Tatsache, dass so ziemlich Jeder Benutzer-Browser hat jQuery bereits im Cache, auch wenn er Ihre Website noch nicht besucht hat.
Die docs haben in der Regel eine Antwort darauf:
Sie werden Bower installieren müssen, einen Paket-Manager, die Front-End-Abhängigkeiten hält (einschließlich JQuery, Ember und QUnit) auf dem neuesten Stand. Dies ist so einfach wie Laufen:
Wenn Sie Ihre bower.json Datei überprüfen werden Sie jquery und alle anderen Bibliotheken finden, bower uninstall sie und du bist fertig.
Dies ist etwas, das man mit glut-cli standardmäßig erhalten. From the manual:
Wenn die Umgebung automatisch js, css, png, jpg Fingerabdruck und gif Vermögenswerte Produktion (zB
ember build --environment=production
), der Add-on ist, wird ein MD5-Prüfsumme an das Ende ihrer Dateinamen (zBassets/yourapp-9c2cbd818d09a4a742406c6cb8219b3b.js
) durch Anhänge . Außerdem werden Ihre html-, js- und css-Dateien so umgeschrieben, dass sie den neuen Namen enthalten.
Sie können dann ändern Sie Ihre Brocfile.js
es zu sagen, was die Basis-URL für Ihre CDN ist:
prepend
- Standard:''
- Ein String auf alle Vermögenswerte vorangestellt wird. Nützlich für CDN Urls wiehttps://subdomain.cloudfront.net/
Was ist der Vorteil mit dem Fingerabdruck in Bezug auf CDN? – SuperUberDuper
@SuperUberDuper Fingerabdrucks erspart Ihnen die Kopfschmerzen von Cache-Dateien auf dem CDN – George
Was ist der beste Weg, um eine ember App zu einem gewissen cdb zu implementieren? – SuperUberDuper
- 1. Verwenden von CDN mit ember-cli
- 2. Entfernen Sie Ember-Cli-Mirage von Ember
- 3. Ember 2.0 ohne Ember cli?
- 4. Ember Cli - Transpiling Hersteller ES6 Abhängigkeit in Ember-Cli-Build?
- 5. Ember Cli Upgrades
- 6. Wie ember cli Version
- 7. Ember CLI Testhelfer
- 8. Ember-CLI Aktualisierung fehlschlägt
- 9. Ember Cli Inflator Anpassungen
- 10. Ember CLI und ASP.NET
- 11. Ember-cli ember serve AssertionError (false == true)
- 12. Verwenden von ember-cli-sheetjs in einer Ember-Komponente
- 13. jQuery von vendor.js in ember-cli ausschließen
- 14. ember-cli Hinzufügen von Abhängigkeiten mit Bower
- 15. Ember-Cli Refactoring zur Verwendung von Pods
- 16. Ember CLI mit mehreren Proxies
- 17. Ember CLI testet komplizierte Modellbeziehungen
- 18. Ember CLI: benutzerdefinierte Eingabe-Helper
- 19. Assets Ordner in Ember CLI
- 20. ember-cli meta config/Umgebungsdatei
- 21. Ember CLI und Code-Coverage-
- 22. Watchman Fehler mit ember-cli
- 23. Kann eine ember (-cli) -App window.onerror auslösen?
- 24. Warum ember-cli verwendet erweitern statt erstellen?
- 25. Ember CLI kann nicht teilweise finden
- 26. Zu langsam ember-cli bauen auf Windows
- 27. Was bedeutet "./" in Ember-CLI-Importanweisungen?
- 28. Ember CLI Live-Reload funktioniert nicht
- 29. ember-cli http-proxy funktioniert nicht
- 30. Warum der ember-cli so langsam ist
Ich denke, er bezog sich auf etwas in Anlehnung an dieses [node.js Modul] (https://github.com/niftyletuce/express-cdn) – George