2017-05-08 53 views
-1

我已经建立了我的投资组合网站关闭Github页面。现在我开始投资组合2.0,我想使用Sass。设置Sass

我以前使用过Sass,但没有直接设置它。到目前为止,我已经使用gem install sass安装了Sass,并安装了我的文件,但不知道如何正确编译它。

文件结构:

styles.css 
scss/ 
    _banner.scss 

Styles.css文件内容:

@import 'scss/_banner'; 

我错过的编译一步的地方?甚至可以在Github Pages上使用Sass?

+1

使用考拉工具,易于编译和使用Github页面以及http://koala-app.com/ –

+0

您需要运行sass任务将scss文件夹编译为'styles.css',您可以'只是像这样导入它。 – dommmm

+0

@dommmm我该怎么做? – Rokitar

回答

0

对于我的解决方案,我将scss/_banner.scss替换为styles.scss,选择不为单个页面应用程序创建部分文件。

然后,您只需在终端中运行$ sass --watch css/styles.scss:css/styles.css,每次保存Sass文件时都会编译CSS。这个命令将你的计算机指向哪个文件进行编译,并指向哪里。

感谢@dommmm指导我使用问题评论中的YouTube视频解决方案。