laravel混合不能編譯SCSS文件，其中包含指南針/ CSS3進口

Question

我有一個名爲main.scs文件導入的general.scss文件具有在第一行這樣的：

@import "compass/css3"; 

正如你可以看到我輸入compass/css3到使用一些預定義的混合。

當然，他們都在一個更加複雜的項目。 larvel有一個內置的Mix庫來編譯scss和其他類型的文件。

而且我寫這些給webpack.mix.js文件：

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

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

但運行npm run production命令時，我得到這個錯誤：

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) 

即使我在項目目錄中安裝指南針但仍存在問題

我該怎麼辦？

Answer 1

如果你裏面node_modules目錄中安裝指南針庫，您可以嘗試導入這樣的：

@import "~compass/css3"; 

如果它不能幫助你可以嘗試修改青菜includePaths配置變量（laravel混有第三選項通過額外的配置）：

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