Expose globale Variable bei Verwendung von Browserify

Question

Ich benutze Browserify und möchte D3.js zusammen mit einem Radar-Diagramm-Komponente verwenden.

import 'd3'; 
import 'radar-chart-d3'; 

Die Radardiagrammkomponente gibt den Fehler Uncaught ReferenceError: d3 is not defined zurück.

Ich versuchte, die insertGlobalVars Möglichkeit browserify mit:

browserify: { 
    bundleName: 'main.js', 
    prodSourcemap: false, 
    insertGlobalVars: { 
     d3: function(file, dir) { 
     return 'require("d3")'; 
     } 
    } 
    } 

Dies schließt jedoch nichts über die Situation ändern. Ich weiß, ich kann einfach require('d3') an der Spitze der Radar-Diagramm .js-Datei hinzufügen, aber ich möchte das vermeiden.

Welche andere Möglichkeit gibt es, die d3 Variable zu einem globalen Bereich verfügbar zu machen, so dass andere Dateien d3 verwenden können.

Answer 1

dies in package.json Setzen Sie in:

"eslintConfig": { 
    "globals": { 
    "d3": true 
    } 
}