0
저는 bower를 사용하여 많은 공통 자산을 관리하고 있으며 문제가 발생했습니다. 나는 회전하는 회전 목마를 가지고 Slick.js을 사용하려고 노력하고 자산을 결합하고 축소하기 위해 Assetic을 통해 모두 실행하고 있습니다. 여기Assetic in Symfony3 with CSSREWRITE
는 나뭇 가지에 내 스타일은 다음과 같습니다
다음{% stylesheets
"vendor/jquery-ui/themes/base/jquery-ui.min.css"
"vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css"
"vendor/datatables.net-dt/css/jquery.dataTables.min.css"
"vendor/datatables.net-responsive-dt/css/responsive.dataTables.min.css"
"vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css"
"vendor/slick-carousel/slick/slick.css"
"vendor/slick-carousel/slick/slick-theme.css"
"css/*.css"
"scss/*.scss"
"@SHUDirectoryBundle/Resources/public/css/*.scss"
filter="cssrewrite,scssphp,?uglifycss"
output="css/combined/myshu.min.css"
%}
<link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}
내 Assetic 설정입니다 :
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('./fonts/slick.eot');
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
: 매끄러운-theme.css 파일에서
assetic:
debug: '%kernel.debug%'
use_controller: '%kernel.debug%'
node: /usr/bin/nodejs
filters:
cssrewrite: ~
uglifyjs2:
bin: /usr/local/bin/uglifyjs
uglifycss:
bin: /usr/local/bin/uglifycss
scssphp:
formatter: 'Leafo\ScssPhp\Formatter\Compressed'
는 다음 참조
나는 CSSREWRITE가 상대 경로를 취할 것이라는 가정하에 있었다 ./ 직접 경로 vendor/sli에 쓰기 예를 들어 ck-carousel/slick/fonts/slick.woff.