2017-08-16 1 views
1

Ich habe this wirklich einfache Webpack-Projekte in mit ich möchte jetzt auch bulma ein CSS-Framework verwenden.Verwendung von Bulma zusammen mit Webpack

installierte ich das Paket über npm i bulma und versucht, es in meinem app.js -Dateien mit der erfolglos snipped, schließen Folgendes ein:

import bulma from '~bulma/bulma.sass'; 

Ich habe auch versucht, einen bestimmten Teil sass mit, die auch nicht funktioniert hat:

import bulma from '~bulma/sass/base/_all'; 

Kannst du mir helfen, das funktioniert zu bekommen oder mir vielleicht in die richtige Richtung zu zeigen?

Antwort

2

Sie müssen Ihre Webpack-Konfigurationsdatei aktualisieren, damit der Sass Loader auch sass Dateien verarbeitet, nicht nur scss Dateien.
Ändern Sie diese Zeile: test: /\.scss$/,-test: /\.(sass|scss)$/

+0

I 'Import 'bulma/bulma.sass' verwenden;' und ich sehe keine Fehler, macht diese Arbeit für Sie? – Nora

+0

Das war die Lösung, danke! Für den Datensatz hatte ich ein 'Modul nicht gefunden: Fehler: Kann 'bulma/bulma.sass'' Fehler nicht auflösen. – lony

+0

Wenn Sie wie ich wollen wissen, was der Unterschied zwischen Sass und Scss ist, siehe https://stackoverflow.com/questions/5654447/whats-the-difference-between-scss-and-sass – lony