我正在和Jekyll一起做网站.我想使用多个SCSS文件.我能够成功地添加一个主文件,但我有问题之后.

我的目录 struct 是:

_sass/main.scss

_sass/post.scss

_sass/apps/app1.scss

_sass/apps/app2.scss

对于assets/css中的每一个,都有相应的SCSS文件.例如,assets/css/main.scss.

_sass目录中的每个文件都包含我的样式.assets/css中的每个文件都包含如下代码

---
---
@import "main";

当我Bundle 网站时,我能够访问我的assets/css/main.css文件.

但是,我收到以下错误,无法访问其他文件.

Conversion error: Jekyll::Converters::Scss encountered an error while converting 'assets/css/post.scss':
                    expected "{".
             Error: expected "{".
             Error: Run jekyll build --trace for more information.

推荐答案

经过一番寻找,我找到了答案.似乎_sass文件夹和assets/css/文件夹中的文件不能具有相同的名称.更改其中一个的名称已解决此问题.

Css相关问答推荐

为什么我的CSS关键帧动画在循环之间稍微暂停?

如何在WooCommerce产品页面中减少属性下拉菜单之间的空间

寻找组件中最大的元素来设置其他组件的高度

如何使TWebPanel具有圆角?

设置初始大小并记住分配的最后大小

有没有办法在 CSS 字体速记中使用数字字体粗细?

重用 CSS 类更改一些属性

我无法覆盖 react ui 库中的组件样式

老虎机插槽上的 CSS 对齐问题

CSS 使文本扩展并保持居中与圆形扩展 div 的问题

CSS 中的区域类似于 C# 区域?

如何保持包装的弹性项目与前一行元素的宽度相同?

使用@font-face 使用多种自定义字体?

字体上的 Font-Awesome 错误 404

如何使用 CSS 绘制复选标记/勾号?

为什么在 CSS3 中启用硬件加速会降低性能?

Select 标签的占位符

使用 inline-block 换行?

为什么浏览器会为 CSS 属性创建供应商前缀?

谷歌的无图像按钮