2016-12-13 1 views
2

스크립트 및 CSS 파일을 축소하기 위해 elixir를 사용하기를 바랍니다. 내 마스터 레이아웃에서Laravel Web app elixir 스크립트 및 css

, 나는 별도로

{!! Html::script('plugin/Flat-UI/js/flat-ui.min.js') !!} 
{!! Html::style('plugin/Flat-UI/css/flat-ui.min.css') !!} 
{!! Html::script('plugin/JQuery-UI/Flick/jquery-ui.js') !!} 
{!! Html::style('plugin/JQuery-UI/Flick/jquery-ui.css') !!} 

내가 아는 한, 작게하다 하나의 파일 오른쪽에 모든 파일을 결합 할 해당 파일을 포함했다? 그 경우 에 위의 그림 대신 하나의 파일 만 포함되도록 수동으로 마스터 레이아웃을 변경해야합니까?

{!! Html::script('minify.js') !!} 

답변

1

비약 그런 식으로 작동하지 않습니다 URL을 생성하는 도우미를 사용합니다.

당신이 Laravel 5 사용하는 경우, 기본 불로 불사의 영약 구성이 하나입니다

자원/자산의 모든 SCS들을 의미
elixir(mix => { 
    mix.sass('app.scss') 
     .webpack('app.js'); 
}); 

/말대꾸/app.scss는 CSS로 변환 후 축소 된 것 .

// in app.scss 
@import "plugin/Flat-UI/css/flat-ui.min.css" 
@import "plugin/JQuery-UI/Flick/jquery-ui.css" 

콘솔에서 꿀꺽, 응용 프로그램을 실행 한 후 :

그래서 당신은/말대꾸/app.scss 자원/자산에 app.scss를 구성하고이 모든 CSS 파일을 가져와야합니다. CSS 파일, 공공/CSS에서 생성을 포함하고 갈 수 있어요됩니다 스크립트 파일로

<link rel="stylesheet" href="/css/app.css" /> 

, 당신은 만능의 기본 구현을 변경해야합니다

elixir(mix => { 
    mix.sass('app.scss') 
     .scripts([ 
      // all files you want mixed into one 
      'plugin/Flat-UI/js/flat-ui.min.js', 
      'plugin/JQuery-UI/Flick/jquery-ui.js', 
     ]); 
}); 

이렇게하면 페이지에 포함 할 수있는 public/js/all.js 파일이 만들어집니다. 당신은 아직도이 후에 문제가 발생하는 경우

그것은 laravel 문서에서 잘 쓰여 :

https://laravel.com/docs/5.3/elixir#javascript

희망이 도움이됩니다 : 당신의 원조

+0

답장을 보내 주셔서 감사합니다. minify.css 및 minify.js 파일 대신에 모든 css + js를 하나의 파일로 축소 할 수 있습니까? –

1

난 당신이 laravel의 불로 불사의 영약을 사용하는 방법에 대해 얘기하는 것 같아요, 다음 네하지만

<script src="{{ elixir('js/minify.js', '/') }}"></script> 
+0

안녕하세요 ~ 감사합니다. 엘릭서 도우미는 무엇을합니까,이 도우미는 자동으로 js/CSS를 축소합니까? 이 도우미를 사용하는 경우 축소 파일을 생성하기 위해 꿀꺽 꿀꺽을 수동으로 실행해야합니까? –