0
私はbowerを使用して多くの共通資産を管理しており、問題にぶつかっています。私はSlick.jsを使用して回転式カルーセルを作ろうとしています。私はAsseticを使って資産を結合して縮小しています。ここでSymfony3のAssetic in 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 configです:
それは次を参照して滑らかな-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'
:
@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');
}
私はCSSREWRITEが相対パス./をとり、それをダイレクトパスvendor/sliに書き込むことを前提としていましたck-carousel/slick/fonts/slick.woffなどがあります。