css - 在 Windows 上使用 PrePros 编译 Sass

Question

我继承了一个使用 Sass 的元素。我是一名 NET 开发人员，所以编译 CSS 并不是我真正接触过的东西。之前的开发人员告诉我(因为我在 Windows 上运行，而他在 MAC 上运行)安装 prepros。

我完成的步骤是:

• 为 Windows 安装了 Ruby 2.3.0
• 已安装 sass“gem istall sass”
• 安装 compass “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/."，但是当我使用此命令运行时出现错误得到的是“错误:找不到或无法读取要导入的文件:components/。”

奇怪的是，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 可以判断要导入哪些文件，但当我尝试编译时却不明白，这似乎很奇怪!

最后， compass (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 文件。