Verwendung von semantic-ui im Webpack-Projekt

Ich versuche, das semantic-ui-less-Paket zu verwenden, aber wenn ich versuche, eine der .less-Dateien zu importieren, erhalte ich die Fehlermeldung, dass ../../theme.config nicht gefunden werden kann. Natürlich habe ich eine theme.config, aber es kann nicht gefunden werden.Verwendung von semantic-ui im Webpack-Projekt

Die .Weniger-Datei, die theme.config Import ist in node_modules/semantic-ui-less/src/definitions/modules/checkbox.less befindet. Mit einem relativen Pfad von ../.. würde ich erwarten, dass themes.config in node_modules/semantic-ui-less/src sein soll, aber offensichtlich kann ich meine theme.config nicht in ein installiertes Knotenmodul-Verzeichnis einfügen - also wo kann ich suchen? damit weniger es finden kann? Oder gibt es eine Konfiguration, die ich an less-loader weitergeben kann, um zu erfahren, wie ich es finden kann?

Quelle

2016-03-26 Talin

Sie können direkt webpack auf Ihre theme.config Datei mit resolve.alias Option Punkt:

resolve: { 
    alias: { 
    'theme.config': path.join(__dirname, 'src', 'theme.config') 
    } 
}

Und natürlich benötigen Sie einen Lader für .config Dateien.

Quelle

2016-03-26 15:52:52

Hmm, ich versuchte dies und es für mich nicht funktioniert, bekomme ich immer noch : 'Kann nicht lösen 'Datei' oder 'Verzeichnis' ../../theme.config in/home/Talin/Projekte/web/reagieren-semantisch-Demo/node_modules/semantisch-ui-less/Definitionen/modules' hier ist, was ich in die webpack Config hinzugefügt: 'Entschlossenheit: { alias: [ { '../../theme.config': path.resolve (root_path, 'theme.config')} ] }, ' – Talin

Auch ich denke, es gibt einen Fehler in Ihrem Beispiel, nach dem Alias des Webpack-Dokumentes nimmt eine Karte, kein Array - aber ich versuchte es in beide Richtungen und keinen Effekt. – Talin

Sie haben Recht, es muss ein Objekt sein. Versuchen Sie Set-Taste zu 'theme.config' –

Ich benutze die Lösung in Artem Butusov's tutorial zur Verfügung gestellt.

Sie löst das Problem, indem ein postinstall Skript ausgeführt wird, der die falschen Referenzen im semantisch-ui-weniger Paket behebt, indem sie den theme.config in node_modules mit dem überschreiben Sie.

Es behebt auch die falschen Schriftweg in den Themen.

(Ich kam in dieser Lösung in ein issue von semantisch-ui-weniger, wenn ich das gleiche Problem zu lösen versuchte.)

Quelle

2017-07-04 13:47:57 mdhtr

Verwendung von semantic-ui im ​​Webpack-Projekt

Antwort

Verwandte Themen

Verwendung von semantic-ui im Webpack-Projekt