在SCSS项目+咕噜+ CSS编译加载时间导入引导(Import bootstrap in scss

2019-10-21 23:41发布

我已经安装SASS和步兵。每次我救我main.scss文件后，将其编译为CSS。完善。

现在，在顶部main.scss我导入引导：

@import "bootstrap";

然而，当我做到这一点，每个SCSS - > CSS 编译需要约8秒 ！

是否有进口自举一个更聪明的方式？我特别进口的，因为我需要利用的extend ，即：

.button {
    @extend .btn;
}

Answer 1:

你有2个解决方案和奖金：

不进行编译自举。快，但你失去了@extend“.bootstrap级”。但你真的需要编译自举刚是什么？不加入现有的自举类到HTML一个更好的选择？
编译引导有你需要的最低限度。更换：
@import "bootstrap";

通过包含您注释/取消注释只有你真正需要的（你NPM-安装在引导GitHub库）bootstrap.scss的内容的文件：

// Core variables and mixins
//@import "../vendor/bootstrap-sass-official/assets/stylesheets/bootstrap/variables";
@import "../vendor/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins";

// Reset
//@import "../vendor/bootstrap-sass-official/assets/stylesheets/bootstrap/normalize";
//@import "../vendor/bootstrap-sass-official/assets/stylesheets/bootstrap/print";
[...]