mit Bibliothek ohne ‚require‘ wenn CDN

stimmen
2

Ich möchte diese verwenden Diagramm JS reactJs Wrapper - Bibliothek .

Ich raubend , die Bibliothek von einem CDN , wie ich jedes Modul nicht eingerichtet habe Bündelung Prozess für dieses Projekt. Ich weiß , ich könnte, aber frage mich , wie diese Bibliothek zu verwenden , ohne die Verwendung vonrequire . Ich denke , es wäre nützlich für eine Antwort zu erklären , wie dies für die Menschen zu tun , die mit einigen der neueren js Praktiken immer noch ein bisschen unangenehm sind.

In dem Wrapper-Diagramm reagiert JS Beispiel sehen Sie, dass es zeigt:

var LineChart = require(react-chartjs).Line;

var MyComponent = React.createClass({
  render: function() {
    return <LineChart data={chartData} options={chartOptions} width=600 height=250/>
  }
});

Ohne requireist es trotzdem den gleichen Wert zuweisen LineChartbei Verwendung eines CDN?

Veröffentlicht am 21/11/2016 um 07:31
vom benutzer
In anderen Sprachen...                            


1 antworten

stimmen
1

Schauen Sie sich die Datei die CDN liefert und überzeugen Sie sich selbst.

Es hat diese Form:

(function (root, factory) {
    // Do some stuff to detect the environment
    // When everything fails, just assign a global variable:

    root["react-chartjs"] = factory(root["React"], root["ReactDOM"], root["Chart"]);


})(this, function ( ... ) {
    ....
});

Wo rootist das globale Objekt ( windowim Browser) und factoryist nur eine Funktion , die die Abhängigkeiten und gibt die Bibliothek nimmt.

Um LineChart:

window['react-chartjs'].Line

Denken Sie daran , factoryBedürfnisse React, ReactDOMund Chart. Und übernimmt alle diese in einer globalen Variablen werden auf die gleiche Weise benannt.

Beantwortet am 21/11/2016 um 07:39
quelle vom benutzer

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more