2016-07-19 7 views
1

Ich habe es geschafft, zu konfigurieren und arbeiten Bourbon mit Webpack. Ich enthalten nur die folgenden auf sass loaderBourbon mit Webpack: WebStorm beschwert sich über die Auflösung von Bourbon in IDE

&includePaths[]=' + bbPath 

In einer SCSS Datei ich nur

@import "bourbon"; 

ich jetzt seine Arbeits weil ich Mixins über SCSS Dateien nenne, und ich sehe die Ausgabe, auch webpack doesn beschwere dich nicht.

Problem ist, dass in WebStorm IDE besagt, dass die obige Zeile, die Bourbon kann nicht aufgelöst werden.

Ich versuchte

@import "~bourbon"; 

zu tun, die mit

Module build failed: 
var path = require('path'); 
^ 
     Invalid CSS after "v": expected 1 selector or at-rule, was "var path = require(" 
     in /Users/test/node_modules/bourbon/index.js (line 1, column 1) 

vielleicht dem Fehler hier WebStorm glücklich, aber der webpack nicht macht, ist WebStorm, ist es eine Möglichkeit, WebStorm zu zwingen, dass der @import zu verstehen Bourbon ist gültig?

+1

Wenn Sie Bourbon in Ihrem Projekt haben, versuchen Sie bitte, es als Ressource zu markieren (klicken Sie mit der rechten Maustaste darauf in der Projektansicht - Als Ressource root markieren). –

Antwort

1

Ich glaube, dass Sie den Pfad aller scss-Dateien steuern können, indem Sie Webstorm den Root Resource Path mitteilen.

WebStorm Datei Menü -> Einstellungen -> Verzeichnisse -> Root-Ressourcenverzeichnis festlegen.

Sobald dies festgelegt ist, wird WebStorm IDE von Ihren Import @ 'Bla-Bla' Dateien wissen.

Verwandte Themen