用PrePros在Windows上编译Sass

Question

我继承了一个使用Sass的项目。我是一个'NET开发人员，所以编译CSS并不是我接触过的东西。之前的开发人员告诉我(我在Windows上运行，他在MAC上运行)来安装prepros。

我所经历的步骤是：

• 安装Ruby2.3.0 for Windows
• 已安装的sass“gem istall sass”
• 安装指南针“宝石安装指南针”
• 已安装的sass-globbing“宝石安装sass-globbing”
• 安装指南针-安装一次“宝石安装指南针-安装-一次”

然后我打开Prepro并拖动我的“静态文件夹”，该文件夹的结构如下所示：

• 静态
  • 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，而不是Node (根据前面开发人员的建议)。

现在，当我在screen.sass中单击PrePros并单击"Process“时，我得到了错误消息" error :不清楚wghich文件要导入”@ import“components/*”。

我在网上找到了一些线程，表明这是Windows造成的，并且通配符应该更改为@import " components/.“，但是，当我使用这个命令运行时，我得到的错误是" error : File to import，not File或不可读: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知道要导入哪些文件似乎很奇怪，但是当我试图编译时，它就不明白了！

最后，指南针(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

在我看来，如果您是一个网络开发人员，您不需要PrePros，因为您有Visual优秀的插件编译器。试试WebEssentials，它会为你做所有的工作。WebEssentials在保存SASS/SCSS文件时会自动编译它。