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')] 
});