Gulp unCSS - проблема с начальной загрузкой классов JS - PullRequest
Новая
       40

Gulp unCSS - проблема с начальной загрузкой классов JS

0 голосов
/ 31 октября 2018

У меня проблема с заданием Gulp unCSS. Проблема в том, что задача состоит в том, чтобы вырезать классы начальной загрузки css (те, которые появляются после событий JS, например, свертывание, показ, свертывание, свертывание и т. Д.).

Я знаю, что могу поместить каждый класс в опцию игнорирования как массив, но тогда мне нужно знать обо всех требуемых классах.

Есть ли лучший способ решить эту проблему?

Может быть, я должен игнорировать все партиалы Bootstrap SASS, использующие JS?

Буду признателен, если кто-нибудь даст мне несколько советов, как мне решить эту проблему.

Вот как я включаю частички начальной загрузки scss: 

@import url('https://fonts.googleapis.com/css? 
family=Lato:300,400,700');
@import url('https://fonts.googleapis.com/css? 
family=Martel+Sans:300,400,700');

@import 'utils/variables';

@import "../../node_modules/bootstrap/scss/functions";
@import "../../node_modules/bootstrap/scss/variables";
@import "../../node_modules/bootstrap/scss/mixins";
@import '../../node_modules/bootstrap/scss/reboot';
@import '../../node_modules/bootstrap/scss/root';
@import '../../node_modules/bootstrap/scss/type';
@import '../../node_modules/bootstrap/scss/utilities';
@import '../../node_modules/bootstrap/scss/transitions';
@import '../../node_modules/bootstrap/scss/grid';
@import '../../node_modules/bootstrap/scss/pagination';
@import '../../node_modules/bootstrap/scss/nav';
@import '../../node_modules/bootstrap/scss/navbar';
@import '../../node_modules/bootstrap/scss/dropdown';
@import '../../node_modules/bootstrap/scss/carousel';

@import '../../node_modules/font-awesome/scss/font-awesome';

и это мое задание Gulp UNCSS (но это не оптимальный подход ...) 

gulp.task('uncss', function () {
 return gulp.src([
'app/css/app.css'
 ])
.pipe(uncss({
  html: [
    'app/**/*.html'
  ],
  ignore: [
    /\.fade/,
    /\.collapse/,
    /\.collapsed/,
    /\.fade-out/,
    /\.show/
  ]
}))
.pipe(gulp.dest('app/css/'));
});

Спасибо!

...