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

Question

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

шагов я пробегаю являются:

• установлен рубином 2.3.0 для Windows,
• установлена ​​дерзость "драгоценный камень дерзости Установите фильтры и соберите"
• Устанавливаемого компаса "камня установить компас"
• установлен Sass «гемблинг» gem install sass-globbing »
• Установленный компас-install-once« установка драгоценного камня compass-install-once »

Затем я открыл Prepros и потащил в моей "статической папке", которая имеет структуру, как так:

• Статическая
  • CSS
  • Js
  • SASS
  • компоненты (несколько файлов в этом каталоге)
  • 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 и нажмите «файл Process» Я получаю сообщение «Ошибка: Не ясно файл wghich для импорта для ошибки„@import „компонент/*““

.

Я нашел несколько тем в сети, которые предположили, что это произошло из-за Windows и что шаблон должен быть заменен на @import "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.Р.Б.) является:

require 'compass/import-once/activate' 
http_path = "/" 
css_dir = "css" 
sass_dir = "sass" 
images_dir = "images" 
javascripts_dir = "js" 

Может кто-нибудь помочь новичку Sass, что, s из их глубины получить PrePros и работает !? Что я делаю не так?

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

dotdev

Answer 1

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