在 Windows 上使用 PrePros 编译 Sass

Question

我继承了一个使用 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
  • 萨斯
  • 组件（此目录中有多个文件）
  • components.sass
  • screen.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/."，但是当我使用此命令运行时，错误 i get 是“错误：找不到要导入的文件或无法读取：组件/.”

奇怪的是，prepros 创建的文件，即似乎完全理解要为 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 启动并运行！？我做错了什么？

提前感谢您的宝贵时间

点开发

Answer 1

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