laravel 믹스 나침반/CSS3 가져 오기를 포함하는 SCS 파일을 컴파일 할 수

Question

나는 첫 번째 줄에있는 general.scss 파일을 가져 main.scs라는 이름의 파일이이 :

@import "compass/css3"; 

내가에 compass/css3을 가져 볼 수 있듯이 사전 정의 된 믹스 인을 사용하십시오.

물론이 모든 것은 프로젝트에 있습니다. larvel에는 scss 및 다른 유형의 파일을 컴파일하기위한 내장 된 Mix 라이브러리가 있습니다.

또한 나는 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) 

심지어 내가 프로젝트 디렉토리에 나침반을 설치하지만 문제는 여전히 존재

어떻게해야합니까? 당신이 나침반 라이브러리 node_modules 디렉토리 내에 설치 한 경우

Answer 1

이처럼 가져올 수 있습니다

@import "~compass/css3"; 

을 당신이 말대꾸 includePaths 설정 변수를 수정하려고 할 수 있습니다 도움이되지 않는 것 경우 (laravel 믹스 제 3을 가지고 옵션으로 추가 설정을 전달하는 옵션) :

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