Question

我有一个名为main.scs的文件导入了general.scss文件，该文件位于第一行：

@import "compass/css3";

正如您所看到的，我导入compass/css3以使用某些预定义的mixins。

当然，所有这些都属于一个项目。 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";

如果它没有帮助你可以尝试修改sass includePaths配置变量（laravel mix有第三个选项来传递额外的配置）：

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

laravel mix无法编译包含compass / css3 import

1 个答案: