Twitter bootstrap 从不同的文件导入/扩展SASS类,不带";“复制”;定义

Twitter bootstrap 从不同的文件导入/扩展SASS类,不带";“复制”;定义,twitter-bootstrap,import,sass,extend,Twitter Bootstrap,Import,Sass,Extend,我试图通过在site.scss文件中执行类似操作来扩展类: @import "path/to/bootstrap4/bootstrap.scss"; .slider-card { @extend .card; //some CSS } 当我编译这个文件时,所有从引导到引导的东西都会被复制到它。我知道当使用@import时,我正在导入的内容会被复制,但我不希望有这种行为 有没有一种方法可以将引导和我的文件编译成两个不同的输出文件 如果有什么不同,我会尝试使用命令行和一个简单的吞

我试图通过在site.scss文件中执行类似操作来扩展类:

@import "path/to/bootstrap4/bootstrap.scss";

.slider-card {
    @extend .card;
    //some CSS
}
当我编译这个文件时,所有从引导到引导的东西都会被复制到它。我知道当使用@import时,我正在导入的内容会被复制,但我不希望有这种行为

有没有一种方法可以将引导和我的文件编译成两个不同的输出文件

如果有什么不同,我会尝试使用命令行和一个简单的吞咽任务


谢谢

为什么要生成两个不同的文件?@cimmanon我希望“按页面”用例的所有内容都包含在自己的文件中,例如只引用我页面中必要的CSS。例如,只在使用的页面中包含此滑块卡,而不是将其添加到所有其他页面。然而,正如我在使用SASS时所理解的那样,所有内容都被编译到一个文件中,这个独特的文件拥有所有内容,即使不需要,也必须为每个页面提供服务。我觉得这不是个好主意。这有意义吗?以这种方式拆分文件绝对没有好处。要不要详细说明一下@cimmanon?这样关闭它似乎有点武断。如果你的问题是“不是重复的”,那么你的工作就是解释为什么这不是重复的。