お世話になっております。
gulpでのcssの管理について質問させて下さい。
やりたいことは
全ページに読み込んでいるcss郡を1つのファイルに纏める
全ページで読み込んでいるファイルは
html5reset.css
slick.css
font-awesome.css
です。
これを
lang
1gulp.task('css', function() { 2 return gulp.src([ 3 './app/assets/stylesheets/src/libs/pc/html5reset.css', 4 './app/assets/stylesheets/src/libs/pc/slick.css', 5 './app/assets/stylesheets/src/libs/pc/font-awesome.css', 6 ]) 7 .pipe(concat('bundle.css')) 8 .pipe(minifyCss()) 9 .pipe(gulp.dest('./app/assets/stylesheets/dist/')); 10});
このようにしてconcat + minifyしているのですが、作成されたbundlec.cssを見ると
slick.cssの内容が一部html5reset.cssよりも上に来てしまっています。
concatの処理ではsrc([])の配列に指定している順番では読み込まれないのでしょうか?
また、どのようにすればhtml5reset.cssの内容をbundle.cssの最初に読み込ませることができるのでしょうか?
よろしくお願いいたします!
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。