我应该将我的SASS输出（多个文件）合并成一个文件吗？如果是这样，怎么样？

我曾经有一个scss文件，并将其变成一个css文件，并在我的html中使用它。我现在想重新安排我的东西，并使用多个SCSS文件，分成main.scss，buttons.scss等我应该将我的SASS输出（多个文件）合并成一个文件吗？如果是这样，怎么样？

不过，如果我是正确的，输出则也可以在多个.css文件，即我不能告诉SASS将它们合并成一个文件。

我该如何最好的将这些多个文件包含到我的html中？有没有办法再次合并所有这些文件，并有一个单独的文件，或者我应该根据需要将它们作为单独的文件加载到我的不同页面中？

如果最后使用单个文件比较好，我想是这样，我可以告诉SASS将我的.scss文件合并到一个单独的文件中，还是使用其他工具？

来源

2017-04-21 George Welder

您可以通过'@ import'将文件包含在一个文件中，并以下划线开头命名导入（然后，它们不会变成CSS文件）。如果您将所有内容合并为一个，则您只有一个大文件，但只有一个请求。如果你有多个文件，你有更小的文件，你可以将它们分开到不同的视图/组件，但你有更多的要求。大小和请求/延迟之间的权衡。 –

查找到文件中被称为 “局部变量”。你会这样命名你的文件

_buttons.scss 
_lists.scss

然后创建一个main.scss文件（将其命名为任何你想要的）。输入

@import buttons 
@import lists

然后将您的main.scss文件转换为css。你将有一个CSS文件。您可以在上海社会科学院网站上这个读了

http://sass-lang.com/guide

如果使用SMACSS或其他方法，在每个目录，你会做到这一点。例如，一个布局目录

Layout 
_buttons.scss 
_list.scss 
_layout-dir.scss

在布局-dir文件，你会导入所有的文件在布局目录然后在main.scss文件中，可以只导入每个目录下的文件

@import layout/layout-dir 
@import basics/base-dir

等

你的变量和混入的文件也将导入到main.scss文件，包括他们第一所以一切都可以访问他们

https://www.youtube.com/watch?v=GI1BhlDtoUs

来源

2017-04-22 13:20:23 Brad

从the docs：

萨斯建立在目前的CSS @import的顶部但不是需要一个HTTP请求，萨斯将要导入和处理文件结合起来的文件您正在导入，因此您可以将单个CSS文件提供给网络浏览器。
// _reset.scss 

html, 
body, 
ul, 
ol { 
    margin: 0; 
    padding: 0; 
} 
// base.scss 

@import 'reset'; 

body { 
    font: 100% Helvetica, sans-serif; 
    background-color: #efefef; 
} 

来源

2017-04-21 12:59:16 Quentin

我应该将我的SASS输出（多个文件）合并成一个文件吗？如果是这样，怎么样？

回答

相关问题