Laravel Elixir 변경시 스타일 시트 결합 안 함

Question

제목이 약간 잘못 표시되면 미리 사과드립니다. 제목에서 제 문제를 올바르게 설명하는 것이 매우 어려웠습니다. 나는 그냥 가서 내 문제를 설명 할 것이다.

elixir(function(mix) { 
    mix.sass([ 
     'app.scss' 
    ], 'public/css/app.css') 
    .styles([ 
     'reset.css', 
     'resources/assets/css/bootstrap-responsive/css/bootstrap.css', 
     'app.css' 
    ], 'public/css/main.css') 
    .version([ 
     'css/main.css' 
    ]); 
}); 

내 문제는 내 app.scss을 변경할 때, 그것은 단지 공용 디렉토리에 app.css 파일을 갱신한다는 것입니다 :

여기 내 gulpfile입니다. 필자가 원하는 것은 app.css 파일을 컴파일 한 후 세 개의 스타일 시트를 결합하여 main.css 파일을 작성하는 것입니다. 문제는 꿀풀이 나를 위해 컴파일 작업을하고 있기 때문에 실제로이 세 가지 스타일 시트 중 하나를 변경하지 않는다는 것입니다.

실제로이 문제를 해결할 방법이 있는지 확실하지 않지만 답변이 도움이됩니다.

감사합니다.

P. 나는 페이지를로드해야 할 때 더 많은 요청을 추가하기 때문에 결합하는 대신 다른 두 개의 CSS 파일을 내 scss 파일로 가져오고 싶지 않습니다.

elixir(function(mix) { 
    mix.sass([ 
     'reset.css', 
     'resources/assets/css/bootstrap-responsive/css/bootstrap.css', 
     'app.scss' 
    ], 'public/css/main.css') 
    .version([ 
     'css/main.css' 
    ]); 
}); 

을 또는 단지 gulpfile에서 app.scss 파일 목록을보다 @import "path_to_file";으로 app.scss 파일에 다른 두 CSS 파일을 가져 :

Answer 1

일반 CSS는 컴파일 가능한이기 때문에, 이것을 시도.