У меня есть три файла Sass в одном каталоге: _include.scss
, app.scss
и partials.scss
.
И app.scss
, и partials.scss
имеют импорт в первой строке:
@import "include";
И в первой строке в _include.scss
:
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
Мой gulpfile.js
выглядит так:
var elixir = require('laravel-elixir');
elixir(function(mix) {
mix.sass([
'app.scss',
'partials.scss'
]);
});
Код Bootstrap и мой собственный код Sass объединены в один и тот же файл CSS (public/css/app.css)
. Единственная проблема заключается в том, что CSS Bootstrap вставляется после app.scss
, поэтому любые изменения, которые я делаю, будут переопределены Bootstrap, если они конфликтуют. partials.scss
вставляется правильно в нижний.
Что вызывает это? У меня, насколько я вижу, точно такие же настройки в других проектах без этой проблемы.