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

Я унаследовал проект, использующий 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 и перетащил в свою «статическую папку», которая имеет такую ​​структуру:

  • Static
    • 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 / .", однако, когда я запускаю эту команду, я получаю ошибку " Ошибка: файл для импорта не найден или не читается: 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 !? Что я делаю неправильно?

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

dotdev


person dotdev    schedule 11.01.2017    source источник


Ответы (1)


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

person ArMikael    schedule 11.01.2017
comment
Я понимаю, откуда вы, но причина, по которой мне нравится решение PrePros, заключается в том, что мы скоро привлечем на борт интерфейсного разработчика, и он, вероятно, не будет использовать Visual Studio ... - person dotdev; 11.01.2017