我正在研究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 --- */
评论。
答案 0 :(得分:0)
使用2个正斜杠,因为它们不会导出到CSS:
// Bourbon 4.2.3
或者正常的CSS评论:
/* Bourbon 4.2.3 */
要回答您的问题:不,但您可以在开发者工具(例如Chrome)中启用源地图,以查看样式来源的源scss。