如何在最小化编译CSS的大小的同时正确导入引导程序到SASS？

Question

前提：我正在从CDN加载bootstrap.min.css。但我还需要将Bootstrap导入我的SASS，以便@extend某些类和@include一些断点。

@import "node_modules/bootstrap/scss/bootstrap";

使用gulp-sass将SASS编译为CSS。结果style.css然后包含所有Bootstrap CSS，它将其膨胀到200KB。没有@import Bootstrap，我自己的CSS只有384个字节。但是我不能使用任何@extend和@includes。

问题：是否可以从我自己的SASS中扩展Bootstrap的类中获益，而只是编译CSS的相关部分，并依赖于CDN服务的引导程序呢？

Answer 1

您不能同时使用CDN引导程序和SASS版本引导程序。

您可以使用此结构=＆gt;

node_modules /引导/ bootstrap.scss

main.scss =＆GT; 1. @import bootstrap组件，是项目所需的组件。

1. @import你的组件并扩展它。

***我建议只导入nescessery的组件。