Laravel Mischung konnte keine SCSS Datei mit Kompass/css3 Import

Question

kompilieren habe ich eine Datei main.scs genannt, die eine general.scss Datei importiert, die in der ersten Zeile hat dies:

@import "compass/css3"; 

Wie Sie kann ich sehen, importiert compass/css3 zu Verwende einige vordefinierte Mixins.

Natürlich sind alle von ihnen in einem Larvel-Projekt. Larvel haben eine eingebaute Mix Bibliothek, um scss und andere Art Dateien zu kompilieren.

Auch schrieb ich diese webpack.mix.js Datei:

let mix = require('laravel-mix'); 

mix.sass('resources/assets/sass/main.scss', 'public/main/css'); 

Aber wenn npm run production Befehl ausgeführt habe ich diesen Fehler:

error in ./resources/assets/sass/main.scss 

Module build failed: 
@import "compass/css3"; 
^ 
     File to import not found or unreadable: compass/css3. 
Parent style sheet: D:/wamp/www/loverspay/resources/assets/sass/_general.scss 
     in D:\wamp\www\loverspay\resources\assets\sass\_general.scss (line 1, column 1) 

Auch habe ich installiert Kompass im Projektverzeichnis Aber es ist immer noch das Problem

Was mache ich?

Answer 1

Wenn Sie Kompass Bibliothek innerhalb node_modules Verzeichnis installiert haben, können Sie versuchen, es so zu importieren:

@import "~compass/css3"; 

Wenn es Ihnen nicht helfen können versuchen, sass includePaths Konfigurationsvariable (Laravel Mix hat einen dritten zu ändern Option, um zusätzliche Konfig zu übergeben):

mix.sass('resources/assets/sass/main.scss', 'public/main/css', { 
    includePaths: [path.resolve(__dirname, './relative/path/to/compass')] 
});