除了评论之外,我如何@import一个Sass文件?

时间:2015-07-08 15:07:20

标签: html css import sass

我正在研究Sass,我正致力于构建基于7-1 pattern的可重用Sass模板。该模式建议将所有单独的样式表导入到一个main.css文件中。我的main.scss文件有一堆@import语句,可以导入各个_example-section.scss部分。

CSS输出很难在调试器中导航,因为所有的CSS都在一个文件中,所以我想添加开始每个文件各部分的注释,以便_reset.scss包含:

/* ------------- */
/* --- Reset --- */
/* ------------- */

...

问题是某些部分/ Sass文件可能没有被使用(也许我没有侧边栏,但我想将它保留在Sass模板中),这使得最终输出具有以下空集评论:

/* ------------------ */
/* --- Typography --- */
/* ------------------ */
/* -------------- */
/* --- Footer --- */
/* -------------- */
/* ------------- */
/* --- Forms --- */
/* ------------- */
/* --------------- */
/* --- Sidebar --- */
/* --------------- */

...

理想情况下,我想知道Sass是否只有@import文件,如果文件中有其他内容而不是注释(例如,如果我没有任何页脚样式,它不会显示/* --- Footer --- */评论。

1 个答案:

答案 0 :(得分:0)

使用2个正斜杠,因为它们不会导出到CSS:

// Bourbon 4.2.3

或者正常的CSS评论:

/* Bourbon 4.2.3 */

要回答您的问题:不,但您可以在开发者工具(例如Chrome)中启用源地图,以查看样式来源的源scss。