Web入门套件 - 在哪里写sass?

时间:2014-08-20 15:16:02

标签: javascript sass gulp

我开始玩Googles' Web Starter Kit'我熟悉grunt / yeoman / bower等工具。对于WSK,我对编写sass代码的位置感到困惑?我只看到文件h5bp.css和main.css以及components文件夹。我如何制作它以便我可以使用sass / scss然后在运行/服务网站时如果将其编译成css?

感谢您的帮助,对这些东西还是新手。

干杯

2 个答案:

答案 0 :(得分:1)

app/styles中写下您的SASS。在HTML中,您需要链接到该文件,文件名相同,但扩展名为.css。例如,如果您在app/styles/style.scss中编写了SASS,则在HTML中,您希望将其链接为:<link rel="stylesheet" href="styles/style.css" />

答案 1 :(得分:0)

当考虑在哪里包含我的 SASS代码时,我想,“为什么不把它放在_h5bp.scss文件'作者的自定义样式区域中的很酷的小点。 “看到我的更改无效后,我注意到h5bp.scss部分的main.scss中的@import仍然在它前面有下划线,当然它没有被导入。

  

@import'_h5bp';

我删除了下划线,它工作正常。 对我而言,这似乎是放置我的代码的好地方,但是......

main.scss文件中有大量的css覆盖了我想要更改的很多东西,所以我刚开始在main.scss文件中进行更改。