Question

我对Gulp unCSS任务有疑问。问题在于任务正在切出bootstrap css类（那些在JS事件之后出现，例如，崩溃，显示，崩溃，崩溃等）。

我知道我可以将每个单独的类作为数组放置在ignore选项中，但是然后我需要了解所有必需的类。

有没有更好的方法来解决此问题？

也许我应该忽略每个使用JS的Bootstrap SASS部分？

如果有人可以给我一些提示，我应该如何解决这个问题，我将非常感激。

这就是我包含bootstrap 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/'));
});

谢谢！

Gulp UnCSS-Bootstrap JS类的问题

0 个答案: