mit Bibliothek ohne ‚require‘ wenn CDN

Question

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?

javascript reactjs browserify chart.js cdn

Veröffentlicht am 21/11/2016 um 07:31
vom benutzer user6002037

In anderen Sprachen...

1 antworten

Marco Scabbiolo · Accepted Answer · 2016-11-21 07:39

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.