2

我继承了一个使用 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 启动并运行!?我究竟做错了什么?

提前感谢您的时间

点开发

4

1 回答 1

1

在我看来,如果您是 NET 开发人员,则不需要 PrePro,因为您拥有 Visual Studio 优秀的插件编译器。试试WebEssentials,它会为你做所有的工作。WebEssentials 会在您保存时自动编译 SASS/SCSS 文件。

于 2017-01-11T12:22:43.730 回答