Fatal编程技术网
  • css/
  • 如何正确地将引导导入到SASS中，同时最小化已编译CSS的大小？

如何正确地将引导导入到SASS中，同时最小化已编译CSS的大小？

css twitter-bootstrap sass

如何正确地将引导导入到SASS中，同时最小化已编译CSS的大小？,css,twitter-bootstrap,sass,gulp-sass,Css,Twitter Bootstrap,Sass,Gulp Sass,前提：我正在从CDN加载bootstrap.min.css。但是我还需要将引导导入我的SASS中，以便@扩展一些类和@包括一些断点 @import“节点模块/bootstrap/scss/bootstrap” 使用gulp SASS将SASS编译为CSS。结果style.css然后包含所有引导css，这会将其扩展到200KB。如果没有导入引导，我自己的CSS只有384字节。但是我不能使用任何@extend和@includes 问题：在我自己的SASS中扩展Bootstrap类，而只将相关部分编译

前提：我正在从CDN加载
bootstrap.min.css
。但是我还需要将引导导入我的SASS中，以便
@扩展一些类和
@包括一些断点


@import“节点模块/bootstrap/scss/bootstrap”

使用
gulp SASS
将SASS编译为CSS。结果
style.css
然后包含所有引导css，这会将其扩展到200KB。如果没有导入引导，我自己的CSS只有384字节。但是我不能使用任何
@extend
和
@includes


问题：在我自己的SASS中扩展Bootstrap类，而只将相关部分编译为CSS，否则依赖CDN服务的Bootstrap，是否有可能从中获益？
您不能同时使用CDN Bootstrap和SASS版本的Bootstrap

您可以使用此结构=>

node_模块/bootstrap/bootstrap.scss

main.scss=>1@导入项目所需的引导组件


  • @导入组件并对其进行扩展
    • 
***我建议只导入不需要的组件