我继承了一个使用 Sass 的项目。我是一个 'NET 开发人员,所以编译 CSS 并不是我真正接触过的东西。之前的开发人员告诉我(当我在 Windows 上运行而他在 MAC 上运行时)安装 prepros。
我已经完成的步骤是:
- 为 Windows 安装了 Ruby 2.3.0
- 安装 sass “gem istall sass”
- 安装指南针“gem install compass”
- 安装 sass-globbing “gem install sass-globbing”
- 已安装 compass-install-once “gem install compass-install-once”
然后我打开 Prepros 并拖入我的“静态文件夹”,它的结构如下:
- 静止的
- css
- js
- 粗鲁的
- 组件(此目录中的多个文件)
- 组件.sass
- 屏幕.sass
screen.css 看起来像:
@import compass/reset
@import lubalin.css
@import variables
@import typography
@import main
@import components
@import elements
@import shop
@import blog
@import sponsor
@import theme
screen.sass 文件的内容如下所示:
@import "components/*"
在 PrePros 中,我将编译器更改为使用 Ruby Sass 而不是 Node Sass(根据之前开发人员的建议)。
现在,当我在 PrePros 中单击 screen.sass 并单击“处理文件”时,我收到错误消息“错误:不清楚要为 '@import "components/*"' 导入的 wghich 文件。
我在网上发现了一些线程表明这是由于 Windows 造成的,并且通配符应该更改为 @import "components/ . ",但是当我使用此命令运行时,我得到的错误是 "Error: File to import not found或不可读:组件/ 。 ”
奇怪的是,prepros 创建的文件 ie 似乎完全理解为 components.sass 导入哪些文件,因为我可以在文件中看到以下部分:
{
"path": "sass/components.sass",
"imports": [
"sass/components/_address.sass",
"sass/components/_buttons.sass",
"sass/components/_checkboxes.sass",
"sass/components/_cookies.sass",
"sass/components/_emailSignup.sass",
"sass/components/_forms.sass",
"sass/components/_moreContent.sass",
"sass/components/_postCode.sass",
"sass/components/_rte.sass",
"sass/components/_search.sass",
"sass/components/_separator.sass",
"sass/components/_tooltip.sass",
"sass/components/accordion.sass",
"sass/components/equalHeight.sass",
"sass/components/grid.sass",
"sass/components/modal.sass",
"sass/components/svgImages.sass",
"sass/components/table.sass",
"sass/components/_checkboxes.sass"
]
},
所以 PrePros 可以知道要导入哪些文件似乎很奇怪,但是当我尝试编译它时却不明白!
最后,指南针(config.rb)的内容是:
require 'compass/import-once/activate'
http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "js"
任何人都可以帮助一个超出他们深度的 Sass 新手让 PrePros 启动并运行!?我究竟做错了什么?
提前感谢您的时间
点开发