Fatal编程技术网

Twitter bootstrap 减少引导/启动SCS导入占用空间

twitter-bootstrap bootstrap-4

Twitter bootstrap 减少引导/启动SCS导入占用空间,twitter-bootstrap,bootstrap-4,primeng,Twitter Bootstrap,Bootstrap 4,Primeng,我在scss文件中有以下行： @include transition(all 0.5s ease); @include media-breakpoint-only(md) { width: 500px; } @include media-breakpoint-only(xs) { width: 280px; margin: 0 auto; padding: 20px; border-radius: 4px; } 这些要求： @im

我在scss文件中有以下行：

  @include transition(all 0.5s ease);

  @include media-breakpoint-only(md) {
    width: 500px;
  }

  @include media-breakpoint-only(xs) {
    width: 280px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 4px;
  }
这些要求：

@import '~bootstrap/scss/bootstrap';
@import '~primeng/resources/primeng.min.css';
这使得未压缩的有效负载从几kb增加到324.57kb

这有点多：）有人能帮我得到我需要的部分吗？

第一行是导入所有的引导库

引导未列为的依赖项

仅媒体断点
来自引导

您可以通过更改行来减少这种情况：

@import'~bootstrap/scss/bootstrap'

例如（未测试）：

这假设您的代码中没有使用任何其他引导程序


如果您只需要媒体查询支持，请使用较小且出色的
，我只需要
@import'~bootstrap/scss/_函数'@导入“~bootstrap/scss/_变量”@导入“~bootstrap/scss/mixins/_断点”@导入“~bootstrap/scss/mixins/_transition”

@import '~bootstrap/scss/_functions'
@import '~bootstrap/scss/_variables'
@import '~bootstrap/scss/mixins/_breakpoints'