“@import 'bourbon/bourbon'” 是否与导入单个 mixin 一样有效？

【问题标题】：Does " @import 'bourbon/bourbon' " work as effectively as importing individual mixins?“@import 'bourbon/bourbon'” 是否与导入单个 mixin 一样有效？
【发布时间】：2017-04-08 11:29:56
【问题描述】：

“@import 'bourbon/bourbon'”是否与根据需要从每个 bourbons 文件夹中导入单独的 mixin 一样有效？例如：如果我只从 bourbon 中导入我需要的 css3 mixins (@import 'bourbon/css3')，而不是整个 '@import bourbon/bourbon'，这会表现得更好吗？提前致谢。

【问题讨论】：

如果您将它仅用于 CSS3 混合，请考虑改用 Autoprefixer 之类的东西，因为它在应用哪些前缀方面提供了更大的灵活性。

标签： css sass mixins bourbon

【解决方案1】：

我没有运行任何基准测试，但我想编译性能的差异会很小，如果有的话。主要区别在于输出的大小 - 导入您不需要的 CSS 只会生成一个更大的文件供用户下载。因此，如果您不需要完整的库，那么只需导入您的应用程序需要的部分并为您的用户节省一些带宽。

【讨论】：

都是函数、变量和 mixin，所以 Bourbon 本身实际上并没有在输出中添加任何额外的 CSS。正如您所指出的，编译可能存在一些差异，但恕我直言，它是最小的，并且大大超过了便利因素。
没错，我忘记了波旁威士忌。因此，除非您注意到资产编译时间有所放缓，否则可能没有什么问题。