在mix.sass()中使用laravel-mix时出错;

时间:2017-07-28 02:10:34

标签: laravel sass laravel-mix bulma

  

我遇到了这个错误。你能帮帮我吗?使用laravel-mix

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

问题在这里:

 ERROR  Failed to compile with 2 errors                                                                                                                                                                                             9:38:15 AM
 error  in ./resources/assets/sass/main.scss

Module build failed:
@import "node_modules/bulma/sass/utilities/intial-variables.sass";
^
      File to import not found or unreadable: node_modules/bulma/sass/utilities/intial-variables.sass.
Parent style sheet: stdin



error  in ./resources/assets/sass/main.scss
Module build failed: ModuleBuildError: Module build failed:
@import "node_modules/bulma/sass/utilities/intial-variables.sass";
  

我不习惯使用sass,但这是我的要求,所以   我可以节省一些时间来定制应用程序的外观和感觉。所以这些   是我的定制。

// fonts
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Slab');

@import "node_modules/bulma/sass/utilities/intial-variables.sass";

@import 'variables.scss';
@import 'node_modules/bulma.sass';
  

variables.scss

$edgewater : #c0dfd9 ;
$green-white: #E9ECE5;
$submarine: #b3c2bf ;
$tuatara : #3b3a36 ;


$body-background : $submarine ;
$primary  : $edgewater ;
$primary-invert : $tuatara;
$family-serif : 'Roboto Slab', 'Open Sans' , 'serif' ;


$text : #tuatara;
$text-light : $green-white ;
$family-primary : $family-serif ;

1 个答案:

答案 0 :(得分:0)

试试这个:

@import "../../../node_modules/bulma/sass/utilities/intial-variables.sass";

您的“导入”应该是“main.scss”文件的相对路径。