2016-04-06 10 views
0

Aufbau einer mobilen Web-App mit Ausrichtung auf Kik. Ihre docs sagen Ihnen die Kik.js hinzufügen direkt in Ihren HTML-Datei wie folgt:Kik-Karte - Kann ich stattdessen die Kik.js-Datei importieren/benötigen?

<!-- simply include this script in your webpage --> 
<script src="http://cdn.kik.com/kik/2.3.6/kik.js"></script> 

Aber wie jedes Front-End-Entwickler, der auf Produktionsstandorte/apps in den letzten 5 Jahren gearbeitet hat, weiß, ist es am besten bündeln Sie Ihren Code mit Hilfe eines Tools (persönlich verwende ich Webpack), um Anfragen zu reduzieren.

Gibt es eine bessere Möglichkeit für mich, den Kik-Code zu importieren, indem ich Tools wie NPM oder ES6s import Anweisungen besser verwende? Ihre Methode, das Skript-Tag einfach dort hinein zu werfen, fühlt sich nur sehr jQuery um 2009 an, und wenn es einen besseren Ansatz gibt, würde ich es gerne untersuchen/versuchen.

Antwort

1

Also nach der Verschönerung dieses Codes, und stochern darin, es sieht so aus, dass es ein freies globales nimmt und exportiert, damit Sie verwenden können. Lange Rede, kurzer Sinn ist nicht wie bei einigen Modulen, die das Laden von UMD (CommonJS, AMD, Script Tag) unterstützen.

Allerdings stolperte ich über das, was ein github repo aussieht, das von Kik gepflegt wird, das einige importierbare Skripte haben könnte, die Sie zur Verfügung stellen können.

Ansonsten stecke ich das Skript in eine 'Assets' Datei und importiere es dann manuell in meine Eingabedatei, damit Webpack es aufnehmen kann.

Verwandte Themen