Компиляция Sass с использованием PrePros в Windows

Question

Я унаследовал проект, который использует Sass. Я - NET разработчик, так что компиляция CSS на самом деле не была чем-то, что меня интересовало. Предыдущий разработчик сказал мне (как я работаю в Windows, а он работает на MAC), чтобы установить препро.

Шаги, через которые я пробежал:

• Установленный Ruby 2.3.0 для Windows
• Установлен 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 (по совету предыдущего разработчика).

Теперь, когда я нажимаю на screen.sass в PrePros и нажимаю "Файл процесса", я получаю сообщение об ошибке "Ошибка: не ясно, какой файл импортировать для" @import "components/*" ".

Я нашел в сети некоторые темы, в которых говорилось, что это связано с Windows, и что подстановочный знак должен быть изменен на @import "components /.", Однако, когда я запускаю эту команду, я получаю сообщение об ошибке "Ошибка: файл для импорта не найден или не читается: компоненты /."

Как ни странно, файл, который создает Prepros, то есть, кажется, прекрасно понимает, какие файлы импортировать для компонентов.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 и работает!? Что я делаю неправильно?

Спасибо за ваше время заранее

dotdev

Answer 1

На мой взгляд, если вы являетесь NET разработчиком, вам не нужен PrePros, потому что у вас есть хорошие плагины-компиляторы Visual Studio. Попробуйте WebEssentials, он сделает всю работу за вас. WebEssentials автоматически компилирует файлы SASS/SCSS при его сохранении.