我开始玩Googles' Web Starter Kit'我熟悉grunt / yeoman / bower等工具。对于WSK,我对编写sass代码的位置感到困惑?我只看到文件h5bp.css和main.css以及components文件夹。我如何制作它以便我可以使用sass / scss然后在运行/服务网站时如果将其编译成css?
感谢您的帮助,对这些东西还是新手。
干杯
答案 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文件中进行更改。